/* Gateway Login Styles — Leaf Ledger Pro (v3.5 'Hyper-Glass') */

.staggered-entrance { 
    opacity: 0; 
    animation: entrance 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
}

@keyframes entrance { 
    from { opacity: 0; transform: translateY(30px) scale(0.98); } 
    to { opacity: 1; transform: translateY(0) scale(1); } 
}

.auth-card {
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

/* Subtle logo animation with glow */
.brand-logo {
    animation: float 6s ease-in-out infinite;
    filter: drop-shadow(0 0 20px rgba(16, 185, 129, 0.2));
}

@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-12px) rotate(2deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

/* Input Autofill Override for Dark Glass */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #1a1c23 inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* Glass Input Hover State */
.form-group input:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.2);
}

/* Responsiveness for small devices */
@media (max-width: 480px) {
    .auth-card {
        padding: 40px 24px;
        border-radius: 30px;
    }
    h1 { font-size: 2.1rem; }
}