.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.signature-gradient {
    background: linear-gradient(135deg, #004d28 0%, #006838 100%);
}

.auth-card-transition {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.hidden-state {
    display: none;
    opacity: 0;
    transform: translateY(10px);
}

.visible-state {
    display: block;
    opacity: 1;
    transform: translateY(0);
}