.form-floating>label {
            color: #6c757d;
        }

        .form-floating>.form-control:focus~label,
        .form-floating>.form-control:not(:placeholder-shown)~label {
            color: var(--bs-primary);
        }

        .card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .card:hover {
            transform: translateY(-5px);
        }

        .btn {
            transition: all 0.3s ease;
        }

        .list-group-item {
            transition: background-color 0.3s ease;
        }

        .list-group-item:hover {
            background-color: #f8f9fa;
        }

        @media (max-width: 768px) {
            .display-3 {
                font-size: 2.5rem;
            }

            .card-body {
                padding: 2rem 1.5rem;
            }
        }