.gradient-bg {
            background: linear-gradient(135deg, #F8F4E3 0%, #D4AF37 100%);
        }
        
        .pearl-shine {
            background: linear-gradient(45deg, transparent, rgba(212, 175, 55, 0.3), transparent);
            animation: shine 3s infinite;
        }
        
        @keyframes shine {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }
        
        .hover-lift {
            transition: all 0.3s ease;
        }
        
        .hover-lift:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(212, 175, 55, 0.2);
        }

        .navbar-scroll {
            transition: all 0.3s ease;
        }
        
        .navbar-scroll.scrolled {
            background: rgba(248, 244, 227, 0.95);
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        }

        .modal {
            backdrop-filter: blur(10px);
        }

        .form-group {
            position: relative;
        }

        .form-input {
            transition: all 0.3s ease;
        }

        .form-input:focus {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(212, 175, 55, 0.2);
        }

        .error-message {
            animation: shake 0.5s ease-in-out;
        }

        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-5px); }
            75% { transform: translateX(5px); }
        }

        .login-success {
            animation: slideDown 0.5s ease-out;
        }

        @keyframes slideDown {
            from { transform: translateY(-100%); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        .disabled-feature {
            filter: blur(2px);
            pointer-events: none;
            opacity: 0.5;
        }

        .feature-lock {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
        }

        .burger-line {
    width: 25px;
    height: 3px;
    background-color: #d4af37;
    margin: 3px 0;
    transition: 0.3s;
}
.burger-open .burger-line:nth-child(1) {
    transform: rotate(-45deg) translate(-5px, 6px);
}
.burger-open .burger-line:nth-child(2) {
    opacity: 0;
}
.burger-open .burger-line:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -6px);
}