:root {
    --login-ink: #0f172a;
    --login-muted: #64748b;
    --login-accent: #0f766e;
    --login-accent-strong: #0b5e59;
    --login-card: rgba(255, 255, 255, 0.92);
}

body {
    font-family: "Manrope", sans-serif;
}

.login-card {
    background: var(--login-card);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.login-input {
    padding: 0.75rem 1rem 0.75rem 3.25rem !important;
}

.login-icon {
    width: 2.75rem;
}

.login-loading {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.login-loading.show {
    opacity: 1;
    pointer-events: all;
}