@keyframes aurora-drift-1 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(30px, 20px) scale(1.05); }
}
@keyframes aurora-drift-2 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(-25px, 15px) scale(1.08); }
}
@keyframes aurora-drift-3 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(20px, -20px) scale(1.04); }
}
.login-aurora-1 { animation: aurora-drift-1 32s ease-in-out infinite; }
.login-aurora-2 { animation: aurora-drift-2 38s ease-in-out infinite; }
.login-aurora-3 { animation: aurora-drift-3 35s ease-in-out infinite; }

.login-alert {
    border-radius: 0.75rem;
    border: 1px solid rgba(248, 113, 113, 0.35);
    background: rgba(127, 29, 29, 0.25);
    color: #fecaca;
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1.25rem;
    text-align: left;
}

.login-access-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2.5rem;
}

.login-remember {
    accent-color: rgb(34 211 238);
}

.login-remember-row.disabled {
    opacity: 0.5;
}