/* Shared sign-in, registration, reset and verification styling for VezyAI. */
body.vz-modern-auth {
    color-scheme: dark;
    --vz-ink: #f6f4f1;
    --vz-muted: #a3a3ac;
    background: #101114 !important;
    color: #f6f4f1;
}
.vz-modern-auth .login-background {
    background: radial-gradient(ellipse at 50% 5%, #ff88660a, transparent 55%), #101114 !important;
    min-height: 100vh;
    min-height: 100dvh;
    height: auto !important;
    padding: 105px 20px 45px;
    align-items: center;
}
.vz-modern-auth .h-100vh { height: auto !important; }
.vz-modern-auth #login-responsive {
    flex: 0 1 480px;
    width: 100%;
    max-width: 480px;
    height: auto !important;
    padding: 0 !important;
}
.vz-modern-auth #login-responsive .col-lg-7 { width: 100%; max-width: 100%; }
.vz-modern-auth #login-background { display: none !important; }
.vz-modern-auth .card-body {
    padding: 32px !important;
    margin: 0;
    border: 1px solid #2c2d33;
    border-radius: 20px;
    background: #191a1e !important;
    box-shadow: 0 24px 80px #0003;
}
.vz-modern-auth .login-title {
    font-size: 28px !important;
    font-weight: 650;
    letter-spacing: -1px;
    line-height: 1.3;
    margin-bottom: 30px !important;
    color: #f6f4f1 !important;
    text-shadow: none !important;
}
.vz-modern-auth .login-title a { color: #ff8866 !important; }
.vz-modern-auth .vz-auth-brand { color: #f6f4f1; font-size: 25px; letter-spacing: -1px; top: 24px; left: 28px; }
.vz-modern-auth .vz-auth-brand .vz-mark { background: #ff8866; color: #101114; text-transform: uppercase; font-size: 23px; width: 34px; height: 37px; border-radius: 10px; }
.vz-modern-auth .form-control,
.vz-modern-auth .form-select {
    background: #101114 !important;
    color: #f6f4f1 !important;
    border: 1px solid #383941 !important;
    border-radius: 10px !important;
    min-height: 48px;
    font-size: 16px;
    padding: 12px 14px;
}
.vz-modern-auth .form-control::placeholder { color: #777983; }
.vz-modern-auth .form-control:focus { border-color: #ff8866 !important; box-shadow: 0 0 0 3px #ff88661a !important; }
.vz-modern-auth label { color: #cbcbd3; font-size: 12px; }
.vz-modern-auth .btn-primary,
.vz-modern-auth .login-main-button {
    background: #ff8866 !important;
    border-color: #ff8866 !important;
    color: #101114 !important;
    box-shadow: none !important;
    font-size: 14px;
    min-height: 48px;
}
.vz-modern-auth .btn-primary:hover { background: #ffa386 !important; border-color: #ffa386 !important; }
.vz-modern-auth .text-info,
.vz-modern-auth a.text-info,
.vz-modern-auth .special-action-sign { color: #ff997c !important; }
.vz-modern-auth .text-muted,
.vz-modern-auth .custom-switch-description { color: #a3a3ac !important; }
.vz-modern-auth .custom-switch-input:checked ~ .custom-switch-indicator { background: #ff8866; }
.vz-modern-auth .social-login-button { color: #f6f4f1; background: #23242a; border-color: #383941; }
.vz-modern-auth .divider-text { background: #191a1e; }
.vz-modern-auth .invalid-feedback { color: #ffafb6; }
@media (max-width: 480px) {
    .vz-modern-auth .login-background { padding: 88px 14px 30px; }
    .vz-modern-auth .card-body { padding: 26px 22px !important; border-radius: 16px; }
    .vz-modern-auth .login-title { font-size: 25px !important; }
    .vz-modern-auth .vz-auth-brand { left: 24px; top: 22px; }
    .vz-modern-auth .custom-switch-description { font-size: 11px; }
}