:root{--auth-bg:#0b0b0b;--auth-panel:#151518;--auth-line:#2a2a2f;--auth-text:#f4f2ed;--auth-muted:#a4a4aa;--auth-orange:#ff8c00;--auth-orange-strong:#ff9f2a;--auth-error:#ffb4ab;--auth-success:#8bd7a6}
*{box-sizing:border-box}html{min-height:100%;background:var(--auth-bg)}body.auth-page{min-height:100vh;margin:0;background:radial-gradient(650px 380px at 50% -8%,rgba(255,140,0,.15),transparent 65%),linear-gradient(180deg,#101012 0%,#0b0b0b 56%);color:var(--auth-text);font-family:'IBM Plex Sans',sans-serif}.auth-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 74%)}
.auth-skip{position:fixed;left:12px;top:-60px;z-index:10;background:var(--auth-orange);color:#111;padding:10px 14px;border-radius:8px;font-weight:700}.auth-skip:focus{top:12px}.auth-layout{position:relative;z-index:1;width:min(100% - 32px,460px);min-height:100vh;margin:0 auto;padding:40px 0 26px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.auth-brand{display:flex;align-items:center;justify-content:center;gap:11px;margin:0 auto 22px;color:var(--auth-text);font-size:21px;font-weight:800;letter-spacing:.08em;text-decoration:none}.auth-logo-mark{width:29px;height:29px;display:inline-flex;color:var(--auth-orange)}.auth-logo-mark svg{width:100%;height:100%}
.auth-panel{background:rgba(21,21,24,.96);border:1px solid var(--auth-line);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.42);padding:32px;backdrop-filter:blur(14px)}.auth-header{text-align:center;margin-bottom:26px}.auth-kicker{display:block;color:var(--auth-orange);font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:11px}.auth-header h1{font-size:31px;line-height:1.05;letter-spacing:-.035em;margin:0 0 10px;font-weight:700}.auth-header p{color:var(--auth-muted);font-size:14px;line-height:1.5;margin:0 auto;max-width:37ch}
.auth-form{display:grid;gap:16px}.auth-field{min-width:0}.auth-field label{display:flex;justify-content:space-between;color:var(--auth-text);font-size:13px;font-weight:650;margin:0 0 7px}.auth-field label span{color:var(--auth-muted);font-weight:500;font-size:12px}.auth-field input{width:100%;height:48px;border:1px solid var(--auth-line);border-radius:13px;background:#0f0f11;color:var(--auth-text);padding:0 14px;font:inherit;font-size:15px;outline:0;transition:border-color .2s,box-shadow .2s}.auth-field input::placeholder{color:#707078}.auth-field input:hover{border-color:#414147}.auth-field input:focus{border-color:var(--auth-orange);box-shadow:0 0 0 3px rgba(255,140,0,.13)}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:50px}.auth-password-toggle{position:absolute;right:4px;top:4px;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--auth-muted);cursor:pointer}.auth-password-toggle:hover,.auth-password-toggle:focus-visible{background:rgba(255,255,255,.06);color:var(--auth-text);outline:0}
.auth-primary{height:50px;border:0;border-radius:13px;background:var(--auth-orange);color:#111;font:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(255,140,0,.18);transition:background .2s,transform .2s}.auth-primary:hover{background:var(--auth-orange-strong);transform:translateY(-1px)}.auth-primary:focus-visible{outline:3px solid rgba(255,159,42,.35);outline-offset:2px}.auth-divider{display:flex;align-items:center;gap:13px;margin:23px 0 17px;color:var(--auth-muted);font-size:11.5px}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--auth-line)}.auth-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-social-grid.single{grid-template-columns:1fr}.auth-social{min-height:46px;border:1px solid var(--auth-line);border-radius:12px;color:var(--auth-text);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:650;font-size:13.5px;background:rgba(255,255,255,.025)}.auth-social:hover{color:var(--auth-text);border-color:#494950;background:rgba(255,255,255,.055)}
.auth-switch{text-align:center;color:var(--auth-muted);font-size:13.5px;margin:23px 0 0}.auth-switch a,.auth-compact-footer a{color:var(--auth-orange);font-weight:700;text-decoration:none}.auth-switch a:hover,.auth-compact-footer a:hover{text-decoration:underline}.auth-alerts{display:grid;gap:8px;margin-bottom:18px}.auth-alert{padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.04);font-size:13px}.auth-alert.error{color:var(--auth-error);border-color:rgba(255,180,171,.24);background:rgba(255,84,73,.08)}.auth-alert.success{color:var(--auth-success);border-color:rgba(139,215,166,.24);background:rgba(61,180,103,.08)}.auth-form-note{display:flex;align-items:center;gap:8px;color:var(--auth-muted);font-size:11.5px;margin:-2px 0 0}.auth-form-note i{color:var(--auth-orange)}.auth-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.auth-compact-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:#74747b;font-size:11.5px;margin-top:18px}
@media(max-width:520px){.auth-layout{width:min(100% - 24px,440px);padding:22px 0 18px;justify-content:flex-start}.auth-brand{margin-top:4px;margin-bottom:17px}.auth-panel{padding:25px 20px;border-radius:20px}.auth-header{margin-bottom:22px}.auth-header h1{font-size:28px}.auth-two-columns{grid-template-columns:1fr}.auth-field input{font-size:16px}.auth-social{min-height:48px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}