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

/* Green Glassmorphism Modal */
.glass-modal {
    background: rgba(34, 139, 34, 0.25);
    border-radius: 25px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border: 1px solid rgba(144, 238, 144, 0.25);

    box-shadow:
        0 8px 32px rgba(0, 100, 0, 0.35),
        inset 0 1px 1px rgba(255,255,255,0.15);

    overflow: hidden;
    animation: fadeInUp 0.4s ease;
}

/* Inputs */
.glass-input {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(144, 238, 144, 0.25);
    border-radius: 15px;
    color: #ffffff !important;
}

.glass-input::placeholder {
    color: rgba(255,255,255,0.6);
}

.glass-input:focus {
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(144, 238, 144, 0.5);
    box-shadow: 0 0 15px rgba(144, 238, 144, 0.25);
}

/* Floating Labels */
.form-floating > label {
    color: rgba(255,255,255,0.8);
}

/* Login Button */
.glass-btn {
    background: rgba(144, 238, 144, 0.15);
    color: #fff;
    border: 1px solid rgba(144, 238, 144, 0.3);
    border-radius: 15px;

    backdrop-filter: blur(10px);

    transition: all 0.3s ease;
}

.glass-btn:hover {
    background: rgba(144, 238, 144, 0.3);
    transform: translateY(-2px);
    color: #fff;

    box-shadow: 0 0 15px rgba(144, 238, 144, 0.35);
}

/* Checkbox */
.form-check-input {
    background-color: rgba(255,255,255,0.1);
    border: 1px solid rgba(144,238,144,0.4);
}

.form-check-input:checked {
    background-color: #4ade80;
    border-color: #4ade80;
}

/* Links */
a {
    transition: 0.3s;
}

a:hover {
    color: #90ee90 !important;
}

/* Floating Logo */
.floating-logo {
    animation: floatLogo 3s ease-in-out infinite;
    filter: drop-shadow(0 0 10px rgba(144,238,144,0.4));
}

/* Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes floatLogo {
    0%,100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-8px);
    }
}