/* ============================================================
   NaijaGateway — Gateway Flow layer for the auth pages
   Loaded after Cork's auth-cover.css; turns the blue cover into the
   ink + chevron identity so login/signup match the marketing hero.
   ============================================================ */
:root{
    --ngs-ink:#0A0E1F; --ngs-ink-2:#111834; --ngs-cobalt:#2440E6; --ngs-cobalt-lo:#5C74FF;
    --ngs-flare:#FF5A1F; --ngs-glow:#FFAE2B; --ngs-on-ink:#EAEEFB; --ngs-on-ink-mut:#9AA4C6;
    --ngs-mono: ui-monospace, "Cascadia Code", "SF Mono", "Consolas", monospace;
}

/* Cover band -> ink gradient + soft cobalt/flare depth glows (no purple).
   The animated chevron flow is drawn on a canvas injected into this overlay. */
.auth-overlay{
    background-image:
        radial-gradient(70% 90% at 22% 26%, rgba(36,64,230,0.34), transparent 60%),
        radial-gradient(55% 60% at 82% 88%, rgba(255,90,31,0.15), transparent 62%),
        linear-gradient(150deg, #0A0E1F 0%, #0d1638 55%, #101a44 100%) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.auth-overlay canvas{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }

/* Vertically center the cover headline (was top-aligned) */
.auth-container .auth-cover{ min-height:100vh; display:flex; flex-direction:column; justify-content:center; }

/* Hide the stock cover illustrations across all auth pages */
.auth-cover img{ display:none; }

/* Branded cover headline */
.ngs-auth-hero{ position:relative; z-index:3; max-width:440px; margin:0 auto; text-align:left; color:#fff; padding:0 6%; }
.ngs-auth-eyebrow{ font-family:var(--ngs-mono); font-size:.72rem; letter-spacing:.2em; text-transform:uppercase;
    color:var(--ngs-glow); margin-bottom:18px; }
.ngs-auth-hero h2{ font-weight:850; font-size:2.15rem; letter-spacing:-.03em; line-height:1.06; color:#fff; }
.ngs-auth-hero h2 span{ color:var(--ngs-flare); }
.ngs-auth-hero p{ color:var(--ngs-on-ink-mut); margin-top:16px; font-size:.98rem; line-height:1.6; }

/* Form side: cobalt/flare accents */
.auth-container .btn-primary{ background:var(--ngs-flare) !important; border-color:var(--ngs-flare) !important;
    color:#fff !important; font-weight:700; }
.auth-container .btn-primary:hover{ background:#ff6a34 !important; border-color:#ff6a34 !important; }
.auth-container a{ color:var(--ngs-cobalt); }
.auth-container a:hover{ color:#1a2fb0; }
.auth-container .form-control:focus{ border-color:var(--ngs-cobalt); box-shadow:0 0 0 .2rem rgba(36,64,230,.15); }
.auth-container h3.fw-bold{ font-weight:800; letter-spacing:-.02em; color:var(--ngs-ink); }