:root{--bg:#000;--surface:#0b0b0d;--line:#232327;--line-2:#34343a;--fg:#f5f5f4;--fg-2:#d4d4d4;--muted:#a3a3a3;--faint:#737373;--win:#87d9a0;--loss:#f07171;--accent:#fafafa;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
a{color:var(--fg)}
.wm{font-family:Saira,"Arial Narrow",system-ui,sans-serif;font-style:italic;font-weight:800;letter-spacing:.02em}
.au{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.au-side{position:relative;overflow:hidden;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:32px 40px;background:radial-gradient(70% 50% at 20% 100%,rgba(135,217,160,.08),transparent 70%),#000}
.au-side>*{position:relative;z-index:1}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--fg)}
.brand .wm{font-size:20px}
.au-q{max-width:460px;margin-top:auto;margin-bottom:36px}
.au-q h2 span{display:block}
.au-q h2{margin:0 0 14px;font-family:Saira,"Arial Narrow",system-ui,sans-serif;font-style:italic;font-weight:900;font-size:46px;line-height:.95;letter-spacing:-.005em}
.au-q p{margin:0;color:var(--fg-2);font-size:15px;line-height:1.6}
.au-stats{display:flex;gap:28px;margin-top:22px}
.au-stats b{display:block;font-family:Saira,"Arial Narrow",system-ui,sans-serif;font-style:italic;font-weight:800;font-size:24px;letter-spacing:0}
.au-stats span{font-size:11.5px;color:var(--faint)}
.au-main{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}
.card h1{margin:0;font-family:Saira,"Arial Narrow",system-ui,sans-serif;font-style:italic;font-weight:800;font-size:34px;line-height:1;letter-spacing:0}
.card .sub{margin:-8px 0 0;color:var(--muted);font-size:13.5px}
.gbtn{height:42px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line-2);border-radius:10px;background:#0f0f11;color:var(--fg);font:inherit;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}
.gbtn:hover{border-color:#444;background:#141417}
.or{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12px}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
form{display:flex;flex-direction:column;gap:12px}
label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--fg-2)}
.lrow{display:flex;justify-content:space-between;align-items:baseline}
.lrow a,.link{font-size:12.5px;color:var(--muted);text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font:inherit}
.lrow a:hover,.link:hover{color:var(--fg)}
input{height:42px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:#0a0a0c;color:var(--fg);font:inherit;font-size:14px;outline:none;transition:border-color .15s}
input:focus{border-color:#666}
.pbtn{height:42px;border:0;border-radius:10px;background:var(--fg);color:#0a0a0a;font:inherit;font-weight:600;cursor:pointer;transition:opacity .15s}
.pbtn:disabled{opacity:.5;cursor:default}
.msg{display:none;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.5}
.msg.on{display:block}
.msg.err{background:rgba(240,113,113,.1);color:var(--loss);border:1px solid rgba(240,113,113,.3)}
.msg.ok{background:rgba(135,217,160,.08);color:var(--win);border:1px solid rgba(135,217,160,.3)}
.foot{text-align:center;color:var(--muted);font-size:13px}
.fine{color:var(--faint);font-size:11.5px;line-height:1.5;text-align:center}
.hint{font-size:11.5px;color:var(--faint)}
@media (max-width:860px){.au{grid-template-columns:minmax(0,1fr)}.au-side{display:none}.au-main{align-items:flex-start;padding-top:56px}}
.mbrand{display:none;margin-bottom:8px}
@media (max-width:860px){.mbrand{display:flex}}