
:root{
 --bg:#0b0c0e;--panel:#15171a;--line:#34383f;--text:#f3f4f6;--muted:#9da1a8;
 --purple:#72777f;--purple2:#8b9098;--pink:#9ea2a9;--red:#fb7185;--green:#34d399
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:#d3d6db;text-decoration:none}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(390px,1.08fr) minmax(430px,.92fr)}
.auth-visual{position:relative;overflow:hidden;padding:42px;background:radial-gradient(circle at 22% 20%,rgba(255,255,255,.055),transparent 28%),radial-gradient(circle at 80% 74%,rgba(192,38,211,.13),transparent 28%),linear-gradient(145deg,#0d0714,#070809)}
.auth-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,#000,transparent 78%)}
.auth-wordmark{position:relative;z-index:2;display:flex;align-items:center;gap:9px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.12em}.auth-wordmark span,.mobile-brand span{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#62666e,#9ca1aa);display:grid;place-items:center;box-shadow:0 0 28px rgba(255,255,255,.05)}
.visual-copy{position:absolute;z-index:2;left:42px;right:42px;top:50%;transform:translateY(-50%);max-width:650px}.visual-kicker,.auth-kicker{font-size:9px;letter-spacing:.18em;color:#b7bac1;font-weight:900}.visual-copy h1{font-size:clamp(42px,5vw,74px);line-height:1.02;letter-spacing:-.045em;margin:13px 0 18px}.visual-copy h1 em{font-style:normal;background:linear-gradient(90deg,#d3d6db,#b0b4bc);-webkit-background-clip:text;color:transparent}.visual-copy p{max-width:540px;color:#a8abb2;font-size:13px;line-height:1.75}
.auth-orbit{position:absolute;width:280px;height:280px;right:-70px;bottom:-70px;border:1px solid rgba(255,255,255,.04);border-radius:50%}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;border:1px dashed rgba(216,180,254,.15);border-radius:50%;inset:38px;animation:orbit 20s linear infinite}.auth-orbit:after{inset:82px;animation-duration:13s;animation-direction:reverse}.auth-orbit i,.auth-orbit b,.auth-orbit span{position:absolute;border-radius:50%;background:#858a93;box-shadow:0 0 22px #858a93}.auth-orbit i{width:10px;height:10px;top:32px;left:62px}.auth-orbit b{width:6px;height:6px;right:30px;top:130px;background:#b0b4bc}.auth-orbit span{width:8px;height:8px;left:120px;bottom:16px;background:#d3d6db}@keyframes orbit{to{transform:rotate(360deg)}}
.auth-panel{display:grid;place-items:center;padding:36px;background:radial-gradient(circle at 70% 10%,rgba(124,58,237,.1),transparent 24%),#0a0b0d}.auth-card.modern{width:min(460px,100%)}.mobile-brand{display:none;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:.1em;margin-bottom:28px}.auth-card h2{font-size:34px;letter-spacing:-.03em;margin:7px 0}.muted{color:var(--muted);font-size:12px;line-height:1.6}.auth-card form{display:grid;gap:14px;margin-top:24px}.auth-card label{font-size:10px;font-weight:800;color:#b3b6bd;letter-spacing:.02em}.auth-card input,.auth-card textarea,.auth-card select{width:100%;margin-top:7px;padding:12px 13px;border-radius:10px;border:1px solid #2c1c3b;background:#0d0f12;color:#fff;outline:none}.auth-card input:focus,.auth-card textarea:focus,.auth-card select:focus{border-color:#73777f;box-shadow:0 0 0 3px rgba(255,255,255,.028)}.auth-card textarea{min-height:90px;resize:vertical}.auth-submit,.auth-card button{border:0;border-radius:10px;padding:12px 15px;background:linear-gradient(90deg,#62666e,#858a93,#9ca1aa);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 11px 28px rgba(255,255,255,.035)}.auth-submit:hover,.auth-card button:hover{filter:brightness(1.08)}.auth-switch{margin-top:20px;color:#8b8e95;font-size:11px}.alert,.success{border-radius:10px;padding:11px 13px;margin-top:15px;font-size:11px}.alert{background:rgba(251,113,133,.08);border:1px solid rgba(251,113,133,.24);color:#fecdd3}.success{background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.24);color:#a7f3d0}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#26113d 0,transparent 30%),#08090b}.auth-card:not(.modern){width:min(620px,100%);background:#14161b;border:1px solid #2c1b3d;border-radius:20px;padding:26px;box-shadow:0 30px 90px #0007}.brand{font-size:12px;font-weight:900;letter-spacing:.12em}.brand span{color:#d0d3d8}.auth-card.wide{width:min(720px,100%)}.center{text-align:center}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:24px}.mobile-brand{display:flex}.auth-card h2{font-size:30px}}@media(max-width:520px){.auth-grid{grid-template-columns:1fr}.auth-panel{padding:20px}}

/* V1.9.1 Graphite Auth */
.auth-visual{background:radial-gradient(circle at 22% 20%,rgba(255,255,255,.06),transparent 28%),radial-gradient(circle at 80% 74%,rgba(255,255,255,.025),transparent 28%),linear-gradient(145deg,#111316,#090a0c)}
.auth-wordmark span,.mobile-brand span{background:linear-gradient(145deg,#4d5157,#7b8088);box-shadow:0 0 25px rgba(255,255,255,.05)}
.visual-kicker,.auth-kicker{color:#aeb2b8}.visual-copy h1 em{background:linear-gradient(90deg,#f0f1f3,#969ba3);-webkit-background-clip:text;color:transparent}
.auth-orbit{border-color:rgba(255,255,255,.09)}.auth-orbit:before,.auth-orbit:after{border-color:rgba(255,255,255,.08)}
.auth-orbit i,.auth-orbit b,.auth-orbit span{background:#8b9098;box-shadow:0 0 20px rgba(255,255,255,.12)}
.auth-panel{background:radial-gradient(circle at 70% 10%,rgba(255,255,255,.025),transparent 24%),#0c0d0f}
.auth-card input,.auth-card textarea,.auth-card select{background:#111316;border-color:#373b41}
.auth-card input:focus,.auth-card textarea:focus,.auth-card select:focus{border-color:#7b8088;box-shadow:0 0 0 3px rgba(255,255,255,.045)}
.auth-submit,.auth-card button{background:linear-gradient(90deg,#4f5359,#777c84,#969aa2);box-shadow:0 11px 28px rgba(0,0,0,.28)}
.auth-shell{background:radial-gradient(circle at 20% 10%,#202328 0,transparent 30%),#0b0c0e}
.auth-card:not(.modern){background:#15171a;border-color:#34383f}
