:root {
    --auth-ink: #142521;
    --auth-muted: #64736f;
    --auth-line: #dce6e2;
    --auth-surface: #ffffff;
    --auth-soft: #f3f7f5;
    --auth-primary: #16745e;
    --auth-primary-dark: #0d5846;
    --auth-accent: #d8a64c;
    --auth-danger: #b42318;
    --auth-radius: 18px;
}

* { box-sizing: border-box; }

html, body { min-height: 100%; }

body {
    margin: 0;
    color: var(--auth-ink);
    background: var(--auth-soft);
    font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}

button, input { font: inherit; }
a { color: var(--auth-primary); }

.auth-shell {
    display: grid;
    grid-template-columns: minmax(390px, .92fr) minmax(520px, 1.08fr);
    min-height: 100vh;
}

.auth-showcase {
    position: relative;
    display: flex;
    min-height: 100vh;
    padding: clamp(36px, 5vw, 76px);
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(145deg, rgba(8, 39, 32, .98), rgba(12, 83, 65, .94)),
        #102a25;
    isolation: isolate;
}

.auth-showcase::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    opacity: .26;
    background-image: radial-gradient(rgba(255,255,255,.28) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

.showcase-orb {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(2px);
}

.showcase-orb-one {
    width: 440px;
    height: 440px;
    top: -230px;
    right: -190px;
    background: rgba(50, 190, 148, .18);
}

.showcase-orb-two {
    width: 320px;
    height: 320px;
    bottom: -190px;
    left: -110px;
    background: rgba(216, 166, 76, .14);
}

.brand {
    position: absolute;
    top: clamp(36px, 5vw, 72px);
    left: clamp(36px, 5vw, 76px);
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #fff;
    text-decoration: none;
}

.brand-mark,
.brand-logo {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 14px;
    background: rgba(255,255,255,.1);
    box-shadow: inset 0 1px rgba(255,255,255,.16);
}

.brand-mark { font-size: 22px; color: #75ddbd; }
.brand-logo img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
.brand span:last-child { display: flex; flex-direction: column; }
.brand strong { font-size: 16px; font-weight: 800; letter-spacing: -.02em; }
.brand small { margin-top: 2px; color: rgba(255,255,255,.62); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }

.showcase-copy {
    align-self: center;
    max-width: 590px;
}

.showcase-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    padding: 7px 11px;
    border: 1px solid rgba(117, 221, 189, .24);
    border-radius: 999px;
    color: #a9ead6;
    background: rgba(117, 221, 189, .08);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.showcase-copy h2 {
    max-width: 560px;
    margin: 0;
    font-size: clamp(38px, 4.6vw, 68px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.055em;
}

.showcase-copy p {
    max-width: 520px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.66);
    font-size: 16px;
    line-height: 1.75;
}

.showcase-features {
    position: absolute;
    right: clamp(36px, 5vw, 76px);
    bottom: clamp(70px, 9vh, 110px);
    left: clamp(36px, 5vw, 76px);
    display: flex;
    gap: 12px;
}

.showcase-features div {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 9px;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    color: rgba(255,255,255,.76);
    background: rgba(255,255,255,.055);
    backdrop-filter: blur(8px);
    font-size: 12px;
    font-weight: 600;
}

.showcase-features i { color: #75ddbd; font-size: 16px; }
.showcase-foot { position: absolute; bottom: 28px; left: clamp(36px, 5vw, 76px); margin: 0; color: rgba(255,255,255,.35); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }

.auth-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 52px clamp(28px, 7vw, 110px) 28px;
    background:
        radial-gradient(circle at 95% 5%, rgba(22,116,94,.08), transparent 27%),
        var(--auth-soft);
}

.auth-panel { width: 100%; max-width: 470px; }
.auth-mobile-brand { display: none; }

.auth-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 16px;
}

.auth-icon {
    display: grid;
    flex: 0 0 50px;
    place-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid #cfe1da;
    border-radius: 15px;
    color: var(--auth-primary);
    background: #e9f4f0;
    font-size: 21px;
}

.auth-eyebrow { margin: 0 0 4px; color: var(--auth-primary); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.auth-heading h1 { margin: 0; font-size: clamp(25px, 3vw, 32px); font-weight: 800; line-height: 1.15; letter-spacing: -.035em; }
.auth-description { margin: 0 0 28px; color: var(--auth-muted); font-size: 14px; line-height: 1.7; }

.auth-form { margin-top: 28px; }
.form-group { margin-bottom: 19px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-label { display: block; margin-bottom: 8px; color: #334540; font-size: 12px; font-weight: 800; }
.form-control-wrap { position: relative; }
.form-control-icon { position: absolute; top: 50%; left: 16px; z-index: 1; color: #82908c; transform: translateY(-50%); pointer-events: none; }

.form-control {
    display: block;
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border: 1px solid var(--auth-line);
    border-radius: 13px;
    outline: none;
    color: var(--auth-ink);
    background: var(--auth-surface);
    transition: border-color .2s, box-shadow .2s, background .2s;
}

.form-control.has-icon { padding-left: 45px; }
.form-control::placeholder { color: #a4afac; }
.form-control:hover { border-color: #bdcec8; }
.form-control:focus { border-color: var(--auth-primary); box-shadow: 0 0 0 4px rgba(22,116,94,.11); }
.form-control.is-invalid { border-color: var(--auth-danger); }
.invalid-feedback { margin-top: 6px; color: var(--auth-danger); font-size: 11px; font-weight: 600; }

.password-toggle {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: #71817c;
    background: transparent;
    transform: translateY(-50%);
    cursor: pointer;
}

.password-toggle:hover { color: var(--auth-primary); background: var(--auth-soft); }
.form-control-wrap:has(.password-toggle) .form-control { padding-right: 48px; }

.form-meta { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 3px 0 24px; }
.form-check { display: inline-flex; align-items: center; gap: 8px; color: var(--auth-muted); font-size: 12px; cursor: pointer; }
.form-check input { width: 17px; height: 17px; margin: 0; accent-color: var(--auth-primary); }
.auth-link { color: var(--auth-primary); font-size: 12px; font-weight: 800; text-decoration: none; }
.auth-link:hover { color: var(--auth-primary-dark); text-decoration: underline; text-underline-offset: 3px; }

.btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 19px;
    border: 1px solid transparent;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .15s, box-shadow .2s, background .2s, border-color .2s;
    cursor: pointer;
}

.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.btn:focus-visible { outline: 3px solid rgba(22,116,94,.22); outline-offset: 2px; }
.btn:disabled { opacity: .55; transform: none; cursor: not-allowed; }
.btn-primary { color: #fff; background: var(--auth-primary); box-shadow: 0 9px 22px rgba(13,88,70,.17); }
.btn-primary:hover { background: var(--auth-primary-dark); box-shadow: 0 12px 26px rgba(13,88,70,.23); }
.btn-secondary { border-color: var(--auth-line); color: #40534d; background: #fff; }
.btn-secondary:hover { border-color: #bfcfc9; background: #f9fbfa; }
.btn-warning { color: #503b13; background: #f4d28e; }
.btn-block { width: 100%; }
.button-stack { display: grid; gap: 10px; }

.auth-alert {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 18px 0;
    padding: 13px 14px;
    border: 1px solid;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.55;
}

.auth-alert-success { border-color: #b9dfd0; color: #0c604a; background: #eaf7f2; }
.auth-alert-danger { border-color: #f0c4bf; color: #8e2118; background: #fff0ee; }
.auth-alert-info { border-color: #c6dce8; color: #28566d; background: #edf7fc; }
.auth-alert-warning { border-color: #ead7ab; color: #72551c; background: #fff9e9; }
.auth-alert ul { margin: 4px 0 0; padding-left: 17px; }

.otp-input {
    height: 72px;
    text-align: center;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: .55em;
    padding-left: calc(16px + .55em);
}

.auth-note { margin: 18px 0 0; color: var(--auth-muted); font-size: 11px; line-height: 1.6; text-align: center; }
.auth-footer { display: flex; align-items: center; gap: 10px; margin-top: 42px; color: #84918d; font-size: 10px; font-weight: 600; }
.auth-footer i { margin-left: 3px; color: var(--auth-primary); }
.footer-separator { width: 3px; height: 3px; border-radius: 50%; background: #b4bfbc; }

@media (max-width: 1080px) {
    .auth-shell { grid-template-columns: minmax(330px, .8fr) minmax(500px, 1.2fr); }
    .showcase-features { display: none; }
}

@media (max-width: 820px) {
    .auth-shell { display: block; }
    .auth-showcase { display: none; }
    .auth-main { justify-content: flex-start; min-height: 100svh; padding: 28px 22px; }
    .auth-mobile-brand { display: block; width: 100%; max-width: 470px; margin-bottom: clamp(52px, 12vh, 100px); }
    .auth-mobile-brand .brand { position: static; color: var(--auth-ink); }
    .brand-dark .brand-mark { border-color: #cfe1da; background: #e9f4f0; }
    .brand-dark small { color: var(--auth-muted); }
    .auth-footer { margin-top: auto; padding-top: 38px; }
}

@media (max-width: 480px) {
    .auth-main { padding: 22px 18px; }
    .auth-mobile-brand { margin-bottom: 48px; }
    .auth-heading h1 { font-size: 25px; }
    .auth-description { margin-bottom: 22px; }
    .form-row { grid-template-columns: 1fr; gap: 0; }
    .form-meta { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* BYN auth theme. Loaded after the shared auth foundation on tenant auth pages only. */
:root {
    --auth-ink:#171923;--auth-muted:#6e7282;--auth-faint:#999dab;
    --auth-line:#e2e4ec;--auth-line-strong:#d4d7e2;
    --auth-surface:#fff;--auth-glass:rgba(255,255,255,.88);
    --auth-soft:#f5f6fa;--auth-soft-2:#eeeff6;
    --auth-primary:#5b4cf0;--auth-primary-dark:#4435d3;--auth-primary-soft:#efedff;
    --auth-accent:#21b8d5;--auth-success:#1eae72;--auth-danger:#dd4b52;
    --auth-shadow:0 1px 2px rgba(23,25,35,.04),0 26px 75px rgba(35,38,53,.11);
    color-scheme:light;
}
:root[data-auth-theme="dark"] {
    --auth-ink:#f3f4f8;--auth-muted:#a6aab8;--auth-faint:#747988;
    --auth-line:#2b2e39;--auth-line-strong:#3a3e4b;
    --auth-surface:#181b24;--auth-glass:rgba(24,27,36,.9);
    --auth-soft:#0d0f14;--auth-soft-2:#12151c;
    --auth-primary:#16b8c8;--auth-primary-dark:#16b8c8;--auth-primary-soft:#1b352f;
    --auth-shadow:0 30px 90px rgba(0,0,0,.4);color-scheme:dark;
}
html{scroll-behavior:smooth}
body.auth-next{overflow-x:hidden;color:var(--auth-ink);background:var(--auth-soft);transition:background .25s,color .25s}
body.auth-next::selection{color:#fff;background:var(--auth-primary)}
.auth-next .auth-shell{grid-template-columns:minmax(440px,.96fr) minmax(520px,1.04fr);padding:0;place-items:stretch;overflow:visible}
.auth-next .auth-shell::before,.auth-next .auth-shell::after{display:none;content:none}
.auth-next .auth-showcase{flex-direction:row;justify-content:flex-start}
.auth-next .auth-panel{display:block;width:100%;min-width:0;justify-content:initial}
.auth-next .form-control{min-height:52px;font-size:16px;line-height:normal}
.auth-next .auth-theme-toggle{position:static;z-index:auto;top:auto;right:auto}

/* Animated product stage */
.auth-next .auth-showcase{isolation:isolate;background:linear-gradient(145deg,#141620 0%,#10121a 55%,#17152a 100%)}
.auth-next .auth-grid{position:absolute;inset:0;z-index:-2;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(145deg,#000 4%,transparent 78%)}
.auth-next .auth-showcase::before{position:absolute;inset:0;z-index:-1;content:"";background:radial-gradient(circle at var(--auth-pointer-x,72%) var(--auth-pointer-y,35%),rgba(91,76,240,.24),transparent 21rem),radial-gradient(circle at 8% 92%,rgba(33,184,213,.12),transparent 23rem)}
.auth-next .auth-showcase::after{opacity:.18;background-image:radial-gradient(rgba(255,255,255,.22) .8px,transparent .8px);background-size:22px 22px}
.auth-next .showcase-orb-one{width:520px;height:520px;top:-290px;right:-210px;background:rgba(91,76,240,.24);filter:blur(12px);animation:auth-orbit 13s ease-in-out infinite alternate}
.auth-next .showcase-orb-two{width:390px;height:390px;bottom:-250px;left:-130px;background:rgba(33,184,213,.13);filter:blur(16px);animation:auth-orbit 16s 1s ease-in-out infinite alternate-reverse}
.showcase-beam{position:absolute;z-index:-1;width:55%;height:1px;top:28%;right:-12%;opacity:.6;background:linear-gradient(90deg,transparent,#16b8c8,transparent);box-shadow:0 0 28px rgba(91,76,240,.8);transform:rotate(-24deg);animation:auth-beam 7s ease-in-out infinite}
.auth-next .brand{z-index:3}
.auth-next .brand-mark,.auth-next .brand-logo{width:48px;height:48px;border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(91,76,240,.28),rgba(15,64,55,.14));box-shadow:inset 0 1px rgba(255,255,255,.14),0 14px 32px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.auth-next .brand-mark{color:#16b8c8}.auth-next .brand strong{font-size:15px;letter-spacing:-.025em}.auth-next .brand small{color:#777d8f;font-size:9px}
.auth-next .showcase-copy{position:relative;z-index:2}.auth-next .showcase-kicker{border-color:rgba(91,76,240,.25);color:#16b8c8;background:rgba(91,76,240,.11);box-shadow:inset 0 1px rgba(255,255,255,.045)}
.auth-next .showcase-kicker i{color:#16b8c8}.auth-next .showcase-copy h2{max-width:620px;font-size:clamp(40px,4.6vw,72px);font-weight:800;letter-spacing:-.062em;text-wrap:balance}
.auth-next .showcase-copy h2::after{display:inline-block;width:.17em;height:.17em;margin-left:.1em;border-radius:50%;content:"";background:#16b8c8;box-shadow:0 0 22px #16b8c8}
.auth-next .showcase-copy p{color:#9196a6}.auth-next .showcase-features{bottom:clamp(70px,9vh,110px)}
.auth-next .showcase-features div{border-color:rgba(255,255,255,.075);border-radius:13px;color:#adb1bf;background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.035);transition:border-color .2s,background .2s,transform .2s}
.auth-next .showcase-features div:hover{border-color:rgba(91,76,240,.24);background:rgba(91,76,240,.09);transform:translateY(-3px)}
.auth-next .showcase-features i{color:#16b8c8}.auth-next .showcase-foot{color:#565b6a}

/* Form stage and live toolbar */
.auth-next .auth-main{position:relative;background:radial-gradient(circle at 93% 4%,rgba(91,76,240,.1),transparent 25rem),radial-gradient(circle at 4% 96%,rgba(33,184,213,.055),transparent 23rem),var(--auth-soft);transition:background .25s}
.auth-toolbar{position:absolute;top:24px;right:28px;display:flex;align-items:center;gap:8px}
.auth-live{display:flex;align-items:center;gap:9px;height:38px;padding:0 11px;border:1px solid var(--auth-line);border-radius:11px;color:var(--auth-muted);background:var(--auth-glass);box-shadow:0 1px 2px rgba(23,25,35,.03);backdrop-filter:blur(12px)}
.auth-live>i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--auth-success);box-shadow:0 0 0 4px rgba(30,174,114,.1)}
.auth-live>i::after{position:absolute;inset:-4px;border:1px solid rgba(30,174,114,.4);border-radius:50%;content:"";animation:auth-pulse 2.2s infinite}
.auth-live small,.auth-live strong{display:block;line-height:1}.auth-live small{font-size:7px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.auth-live strong{margin-top:3px;color:var(--auth-ink);font-size:10px}
.auth-theme-toggle{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid var(--auth-line);border-radius:11px;color:var(--auth-muted);background:var(--auth-glass);box-shadow:0 1px 2px rgba(23,25,35,.03);cursor:pointer;transition:.18s}
.auth-theme-toggle:hover{border-color:var(--auth-line-strong);color:var(--auth-primary);transform:translateY(-1px)}.auth-moon{display:none}[data-auth-theme="dark"] .auth-sun{display:none}[data-auth-theme="dark"] .auth-moon{display:inline-block}

.auth-next .auth-panel{position:relative;max-width:500px;padding:clamp(24px,3.2vw,38px);overflow:hidden;border:1px solid var(--auth-line);border-radius:24px;background:var(--auth-glass);box-shadow:var(--auth-shadow);backdrop-filter:blur(22px) saturate(135%);animation:auth-panel-in .48s cubic-bezier(.22,.8,.3,1) both}
.auth-next .auth-panel::before{position:absolute;top:0;right:30px;left:30px;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}
.auth-panel-glow{position:absolute;z-index:-1;width:240px;height:240px;top:calc(var(--panel-y,30%) - 120px);left:calc(var(--panel-x,70%) - 120px);border-radius:50%;opacity:.45;background:rgba(91,76,240,.12);filter:blur(34px);pointer-events:none}
.auth-next .auth-heading{position:relative;margin-bottom:13px}.auth-next .auth-icon{border-color:rgba(91,76,240,.15);color:var(--auth-primary);background:var(--auth-primary-soft);box-shadow:inset 0 1px rgba(255,255,255,.3),0 9px 22px rgba(91,76,240,.09)}
.auth-next .auth-eyebrow{color:var(--auth-primary)}.auth-next .auth-heading h1{color:var(--auth-ink);font-size:clamp(25px,3vw,31px)}.auth-next .auth-description{color:var(--auth-muted)}

/* Controls */
.auth-next .form-label{color:var(--auth-ink)}.auth-next .form-control{border-color:var(--auth-line);color:var(--auth-ink);background:color-mix(in srgb,var(--auth-surface) 92%,transparent);box-shadow:inset 0 1px 2px rgba(23,25,35,.025)}
.auth-next .form-control::placeholder{color:var(--auth-faint)}.auth-next .form-control:hover{border-color:color-mix(in srgb,var(--auth-primary) 22%,var(--auth-line-strong))}.auth-next .form-control:focus{border-color:var(--auth-primary);box-shadow:0 0 0 4px rgba(91,76,240,.1),0 8px 24px rgba(91,76,240,.06)}
.auth-next .form-control-icon{color:var(--auth-faint);transition:color .18s}.auth-next .form-control-wrap:focus-within .form-control-icon{color:var(--auth-primary)}
.auth-next .password-toggle{color:var(--auth-muted)}.auth-next .password-toggle:hover{color:var(--auth-primary);background:var(--auth-primary-soft)}
.auth-next .form-check{color:var(--auth-muted)}.auth-next .form-check input{accent-color:var(--auth-primary)}.auth-next .auth-link{color:var(--auth-primary)}.auth-next .auth-link:hover{color:var(--auth-primary-dark)}
.auth-next .btn{position:relative;overflow:hidden}.auth-next .btn-primary,.auth-next .btn-success{border-color:transparent;color:#fff;background:linear-gradient(135deg,#5b4cf0,#5b4cf0);box-shadow:0 10px 25px rgba(91,76,240,.23)}
.auth-next .btn-primary:hover,.auth-next .btn-success:hover{background:linear-gradient(135deg,#16b8c8,#5b4cf0);box-shadow:0 14px 32px rgba(91,76,240,.32)}
.auth-next .btn-secondary,.auth-next .btn-outline-secondary{border-color:var(--auth-line);color:var(--auth-muted);background:var(--auth-surface)}.auth-next .btn-secondary:hover,.auth-next .btn-outline-secondary:hover{border-color:var(--auth-line-strong);color:var(--auth-ink);background:var(--auth-soft-2)}
.auth-next .btn:focus-visible{outline-color:rgba(91,76,240,.25)}.auth-next .btn.auth-loading{color:transparent!important;pointer-events:none}.auth-next .btn.auth-loading::after{position:absolute;top:50%;left:50%;width:17px;height:17px;margin:-10px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;content:"";animation:auth-spin .65s linear infinite}

/* Feedback and OTP */
.auth-next .auth-alert,.auth-next .alert{border-radius:13px;box-shadow:0 5px 18px rgba(23,25,35,.035)}
.auth-next .auth-alert-success{border-color:color-mix(in srgb,var(--auth-success) 24%,var(--auth-line));color:var(--auth-success);background:color-mix(in srgb,var(--auth-success) 9%,var(--auth-surface))}
.auth-next .auth-alert-danger,.auth-next .alert-danger{border-color:color-mix(in srgb,var(--auth-danger) 24%,var(--auth-line));color:var(--auth-danger);background:color-mix(in srgb,var(--auth-danger) 8%,var(--auth-surface))}
.auth-next .alert-info{border-color:color-mix(in srgb,var(--auth-accent) 25%,var(--auth-line));color:color-mix(in srgb,var(--auth-accent) 70%,var(--auth-ink));background:color-mix(in srgb,var(--auth-accent) 8%,var(--auth-surface))}
.auth-next .alert-warning{border-color:color-mix(in srgb,#d89a31 27%,var(--auth-line));color:#a66d11;background:color-mix(in srgb,#e6a638 9%,var(--auth-surface))}.auth-next .alert-light{border-color:var(--auth-line);color:var(--auth-muted);background:var(--auth-surface)}
.auth-next #code{border-color:rgba(91,76,240,.22);color:var(--auth-primary);background:var(--auth-primary-soft);font-family:Manrope,sans-serif;box-shadow:inset 0 0 0 1px rgba(91,76,240,.03)}
.auth-password-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.auth-password-strength i{height:3px;border-radius:999px;background:var(--auth-line);transition:.2s}.auth-password-strength[data-score="1"] i:nth-child(-n+1){background:var(--auth-danger)}.auth-password-strength[data-score="2"] i:nth-child(-n+2){background:#d89a31}.auth-password-strength[data-score="3"] i:nth-child(-n+3){background:var(--auth-accent)}.auth-password-strength[data-score="4"] i{background:var(--auth-success)}.auth-password-strength span{grid-column:1/-1;color:var(--auth-faint);font-size:9px;text-align:right}

.auth-next .auth-footer{color:var(--auth-faint)}.auth-next .auth-footer a{color:var(--auth-muted);text-decoration:none}.auth-next .auth-footer a:hover{color:var(--auth-primary)}.auth-next .auth-footer i{color:var(--auth-success)}.auth-next .footer-separator{background:var(--auth-line-strong)}
.auth-route-progress{position:fixed;top:0;left:0;z-index:100;width:0;height:3px;opacity:0;background:linear-gradient(90deg,var(--auth-primary),var(--auth-accent));box-shadow:0 0 18px rgba(91,76,240,.7);transition:width .3s,opacity .2s}.auth-route-progress.running{width:84%;opacity:1}.auth-route-progress.done{width:100%;opacity:0}

.auth-next .auth-main{min-width:0;overflow-y:auto}
.auth-next .auth-panel,.auth-next .auth-form,.auth-next .form-row>*{min-width:0}
.auth-next .auth-consent{align-items:flex-start;line-height:1.5}
.auth-next .auth-consent input{flex:0 0 auto;margin-top:1px}
.auth-next .field-error{display:block;margin-top:6px;color:var(--auth-danger);font-size:11px;font-weight:650}
@media(min-width:821px) and (max-height:820px){.auth-next .auth-main{justify-content:flex-start;padding-top:76px}.auth-next .auth-footer{padding-bottom:20px}}
@media(max-width:1120px){.auth-next .auth-shell{grid-template-columns:minmax(350px,.8fr) minmax(500px,1.2fr)}.auth-next .showcase-copy h2{font-size:clamp(38px,5vw,58px)}}
@media(max-width:820px){.auth-next .auth-showcase{display:none}.auth-next .auth-main{padding-top:92px}.auth-next .auth-mobile-brand{margin-bottom:clamp(28px,6vh,52px)}.auth-next .auth-mobile-brand .brand{color:var(--auth-ink)}.auth-next .brand-dark .brand-mark{border-color:rgba(91,76,240,.14);color:var(--auth-primary);background:var(--auth-primary-soft)}.auth-toolbar{top:22px;right:22px}}
@media(max-width:520px){.auth-next .auth-main{padding:78px 14px 20px}.auth-next .auth-panel{padding:23px 18px;border-radius:19px}.auth-next .auth-heading{align-items:flex-start}.auth-next .auth-icon{flex-basis:44px;width:44px;height:44px;border-radius:13px}.auth-next .auth-heading h1{font-size:23px}.auth-next .auth-mobile-brand{margin-bottom:25px}.auth-next .auth-live{display:none}.auth-next .form-meta{flex-wrap:wrap}.auth-next .auth-footer{flex-wrap:wrap;justify-content:center;margin-top:28px}}
@media(prefers-reduced-motion:reduce){.auth-next *,.auth-next *::before,.auth-next *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@keyframes auth-panel-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@keyframes auth-orbit{to{transform:translate3d(28px,22px,0) scale(1.06)}}@keyframes auth-beam{50%{opacity:.22;transform:rotate(-24deg) translateX(50px)}}@keyframes auth-pulse{70%,100%{opacity:0;transform:scale(1.8)}}@keyframes auth-spin{to{transform:rotate(360deg)}}