:root{color-scheme:dark;--ink:#e8e9ea;--muted:#a7a9ad;--line:#3a3c41;--surface:rgba(9,15,22,.94);--surface-strong:#1f2022;--canvas:#1f2022;--primary:#f2b700;--primary-deep:#f5c83b;--primary-soft:#3b3215;--danger:#ff9389;--danger-soft:#422522;--success:#f2b700;--success-soft:#3b3215;--shadow:0 32px 90px rgba(0,0,0,.48);--radius-xl:30px;--radius-md:14px}
*{box-sizing:border-box}html{min-width:320px;background:var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}body{min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(rgba(242,183,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(242,183,0,.045) 1px,transparent 1px),radial-gradient(circle at 88% 12%,rgba(242,183,0,.14),transparent 28rem),var(--canvas);background-size:48px 48px,48px 48px,auto,auto}a{color:var(--primary-deep)}a:hover{text-decoration-thickness:2px}.page-shell{min-height:100vh;padding:clamp(18px,4vw,52px);display:grid;place-items:center}.auth-layout{width:min(100%,1080px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.auth-content{padding:clamp(30px,5.2vw,68px)}.auth-visual{min-height:580px;padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,#25272b,#090f16 62%,#332b10);color:#fff}.auth-visual img{width:min(100%,440px);margin:auto;display:block}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:780;letter-spacing:-.025em}.brand img{display:none}.brand-word{font-size:1.08rem}.eyebrow{margin:34px 0 12px;color:var(--primary-deep);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{max-width:700px;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.04;letter-spacing:-.052em}.lead{max-width:650px;margin:20px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.14rem);line-height:1.72}.action-stack{margin-top:34px}.button{width:100%;min-height:54px;padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--radius-md);background:var(--primary);color:#090f16;cursor:pointer;font:inherit;font-weight:760;text-decoration:none;box-shadow:0 12px 28px rgba(242,183,0,.16);transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease}.button:hover{background:var(--primary-deep);transform:translateY(-1px);box-shadow:0 16px 34px rgba(242,183,0,.22)}.button:focus-visible,.text-button:focus-visible,input:focus-visible{outline:3px solid rgba(242,183,0,.34);outline-offset:3px}.button:disabled{cursor:progress;opacity:.68;transform:none}.button[data-loading=true] .button-spinner{display:inline-block}.button-spinner{width:18px;height:18px;display:none;border:2px solid rgba(255,255,255,.46);border-top-color:#fff;border-radius:50%;animation:spin 800ms linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status{margin-top:18px;padding:14px 16px;border-radius:var(--radius-md);color:var(--danger);background:var(--danger-soft);line-height:1.55}.status[data-kind=success]{color:var(--success);background:var(--success-soft)}.status[hidden]{display:none}.microcopy{margin:16px 0 0;color:var(--muted);font-size:.88rem;line-height:1.55}.footer-links{margin-top:36px;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.9rem}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{color:var(--primary-deep)}.visual-copy{max-width:420px}.visual-copy h2{margin:0 0 12px;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.1;letter-spacing:-.04em}.visual-copy p{margin:0;color:rgba(255,255,255,.78);line-height:1.65}.security-points{margin:28px 0 0;padding:0;display:grid;gap:13px;list-style:none}.security-points li{display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,.88);font-size:.93rem;line-height:1.5}.security-points svg{flex:0 0 auto;margin-top:2px}.form-grid{margin-top:30px;display:grid;gap:20px}.field{display:grid;gap:8px}.field-row{display:flex;align-items:center;justify-content:space-between;gap:16px}label{font-weight:720}.input-wrap{position:relative}input{width:100%;min-height:54px;padding:13px 72px 13px 15px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--ink);font:inherit;transition:border-color 160ms ease,box-shadow 160ms ease}.text-button{position:absolute;top:50%;right:9px;transform:translateY(-50%);padding:8px 9px;border:0;border-radius:9px;background:transparent;color:var(--primary-deep);cursor:pointer;font:inherit;font-size:.84rem;font-weight:760}.password-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:.82rem}.strength-track{height:7px;margin-top:10px;overflow:hidden;border-radius:999px;background:var(--line)}.strength-track:before{width:var(--strength,0%);height:100%;display:block;border-radius:inherit;background:var(--danger);content:"";transition:width 180ms ease,background 180ms ease}.strength-track[data-score="2"]:before{background:#d78217}.strength-track[data-score="3"]:before{background:#3f82dc}.strength-track[data-score="4"]:before{background:var(--success)}.account-chip{margin-top:22px;padding:11px 13px;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface-strong);font-size:.86rem}.role-badge{margin-top:24px;padding:7px 11px;display:inline-flex;border-radius:999px;color:var(--primary-deep);background:var(--primary-soft);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.status-layout{width:min(100%,680px);padding:clamp(32px,7vw,68px);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);text-align:center}.status-icon{width:72px;height:72px;margin:28px auto 26px;display:grid;place-items:center;border-radius:24px;color:var(--success);background:var(--success-soft)}.status-icon[data-variant=error]{color:var(--danger);background:var(--danger-soft)}.status-layout h1{margin-inline:auto;font-size:clamp(2rem,6vw,3.35rem)}.status-layout .lead{margin-inline:auto}.public-shell{width:min(100%,1160px);margin:0 auto;padding:clamp(22px,4vw,50px)}.public-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.public-nav-links{display:flex;gap:18px;font-size:.92rem}.public-nav-links a{color:var(--muted);text-decoration:none}.hero{padding:clamp(70px,12vw,150px) 0 80px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:60px}.hero h1{font-size:clamp(3rem,8vw,6rem)}.hero-visual img{width:100%;display:block}.content-card{margin:34px auto;padding:clamp(28px,5vw,58px);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.content-card h1{font-size:clamp(2.25rem,5vw,4.1rem)}.prose{max-width:760px}.prose h2{margin-top:36px;font-size:1.35rem}.prose p,.prose li{color:var(--muted);line-height:1.75}
@media(max-width:820px){.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:auto;order:-1}.auth-visual img{width:min(72%,300px)}.visual-copy{margin-top:24px}.hero{grid-template-columns:1fr}.hero-visual{max-width:520px}}
@media(max-width:560px){.page-shell{padding:0;place-items:stretch}.auth-layout,.status-layout{min-height:100vh;border:0;border-radius:0}.auth-content,.auth-visual{padding:28px 22px}.auth-visual{min-height:250px}.auth-visual img{display:none}.public-nav-links{display:none}.hero{padding-top:70px}.password-meta{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Create-password: focused single-card layout */
.password-page .page-shell{min-height:100svh;padding:clamp(18px,4vw,56px)}
.password-card{width:min(100%,560px);overflow:hidden;border:1px solid var(--line);border-radius:clamp(24px,4vw,32px);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(24px)}
.password-logo-wrap{padding:clamp(28px,5vw,48px) 28px 0;display:flex;flex-direction:column;align-items:center;gap:12px}
.password-logo{width:clamp(92px,18vw,136px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(242,183,0,.35);border-radius:30%;background:#090f16;box-shadow:0 18px 44px rgba(0,0,0,.35)}
.password-logo img{width:100%;height:100%;display:block;object-fit:cover}
.password-wordmark{color:#fff;font-size:1.15rem;font-weight:800;letter-spacing:-.035em}
.password-wordmark span{color:var(--primary)}
.password-content{padding:clamp(22px,5vw,52px)}
.password-content .role-badge{margin-top:0}
.password-content h1{margin-top:22px}
.password-content .lead{max-width:48ch}
@media(max-width:560px){.password-page .page-shell{padding:14px}.password-card{border-radius:24px}.password-logo-wrap{padding-top:26px}.password-content{padding:24px 20px 26px}.password-content h1{font-size:clamp(2rem,9vw,2.7rem)}}