/* 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:#155649;--auth-primary-dark:#0f4037;--auth-primary-soft:#e7f2ee;
    --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:#62c5a5;--auth-primary-dark:#49a88f;--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)}

/* 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(21,86,73,.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(21,86,73,.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,#62c5a5,transparent);box-shadow:0 0 28px rgba(43,139,115,.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(43,139,115,.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:#8bd4bf}.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(43,139,115,.25);color:#9cddc9;background:rgba(21,86,73,.11);box-shadow:inset 0 1px rgba(255,255,255,.045)}
.auth-next .showcase-kicker i{color:#62c5a5}.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:#62c5a5;box-shadow:0 0 22px #62c5a5}
.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(43,139,115,.24);background:rgba(21,86,73,.09);transform:translateY(-3px)}
.auth-next .showcase-features i{color:#62c5a5}.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(21,86,73,.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(21,86,73,.12);filter:blur(34px);pointer-events:none}
.auth-next .auth-heading{position:relative;margin-bottom:13px}.auth-next .auth-icon{border-color:rgba(21,86,73,.15);color:var(--auth-primary);background:var(--auth-primary-soft);box-shadow:inset 0 1px rgba(255,255,255,.3),0 9px 22px rgba(21,86,73,.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(21,86,73,.1),0 8px 24px rgba(21,86,73,.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,#2b8b73,#155649);box-shadow:0 10px 25px rgba(21,86,73,.23)}
.auth-next .btn-primary:hover,.auth-next .btn-success:hover{background:linear-gradient(135deg,#62c5a5,#155649);box-shadow:0 14px 32px rgba(21,86,73,.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(21,86,73,.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(21,86,73,.22);color:var(--auth-primary);background:var(--auth-primary-soft);font-family:Manrope,sans-serif;box-shadow:inset 0 0 0 1px rgba(21,86,73,.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(21,86,73,.7);transition:width .3s,opacity .2s}.auth-route-progress.running{width:84%;opacity:1}.auth-route-progress.done{width:100%;opacity:0}

@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(21,86,73,.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)}}