
.auth{min-height:100vh;display:grid;place-items:center;padding:48px 20px}
.acard{width:100%;max-width:440px;background:var(--bg2);border:1px solid var(--line);
border-radius:6px;padding:clamp(26px,5vw,38px);box-shadow:0 30px 70px -40px rgba(0,0,0,.95)}
.abrand{display:flex;align-items:center;gap:9px;font-weight:730;letter-spacing:-.02em;
text-decoration:none;font-size:1rem;margin-bottom:26px}
.abrand span{color:var(--faint);font-weight:500}
.akicker{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 10px}
.acard h1{font-size:clamp(1.5rem,4vw,1.95rem);letter-spacing:-.025em;line-height:1.12;margin:0 0 10px;font-weight:740}
.asub{color:var(--dim);font-size:.95rem;margin:0 0 24px}
.or{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:.74rem;
letter-spacing:.1em;text-transform:uppercase;margin:22px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.sso{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;margin-bottom:10px;
background:transparent;border:1px solid var(--line);border-radius:3px;color:var(--ink);
font:inherit;font-size:1.0625rem;font-weight:600;cursor:pointer;text-decoration:none;
transition:border-color .15s,background .15s}
.sso:hover:not(.soon){border-color:var(--gold);background:rgba(200,245,66,.06)}
.sso .mk{width:18px;height:18px;flex-shrink:0;display:block}
.sso .tag{margin-left:auto;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;
color:var(--faint);border:1px solid var(--line);padding:2px 7px;border-radius:999px}
.sso.soon{opacity:.72;cursor:default}
label{display:block;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;
color:var(--faint);font-weight:640;margin:0 0 7px}
input[type=email],input[type=text],select{width:100%;background:#141a14;border:1px solid var(--line);
color:var(--ink);font:inherit;font-size:1rem;padding:12px 14px;border-radius:3px;margin-bottom:14px;min-height:48px}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--faint) 50%),
linear-gradient(135deg,var(--faint) 50%,transparent 50%);
background-position:calc(100% - 19px) 21px,calc(100% - 14px) 21px;
background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:40px}
input:focus,select:focus{outline:none;border-color:var(--gold)}
.planline{color:var(--faint);font-size:.82rem;margin:-6px 0 16px;line-height:1.5}
.planline b{color:var(--ink);font-weight:640}
.planline a{color:var(--gold);text-decoration:none;font-weight:600}
.planline a:hover{text-decoration:underline}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.abtn{width:100%;background:var(--gold);color:#10140a;border:0;border-radius:999px;box-shadow:0 4px 0 #5c7818;
padding:15px 20px;font:inherit;font-size:1.125rem;font-weight:680;cursor:pointer;transition:background .15s;letter-spacing:.01em}
.abtn:hover{background:var(--gold2)}
.msg{margin-top:16px;padding:12px 14px;border-radius:3px;font-size:.9rem;display:none}
.msg.ok{display:block;background:rgba(78,201,160,.1);border:1px solid var(--ok);color:var(--ok)}
.msg.err{display:block;background:rgba(200,245,66,.1);border:1px solid var(--gold);color:var(--gold)}
.msg.why{display:block;background:rgba(255,255,255,.03);border:1px solid var(--line);
color:var(--dim);font-size:.88rem}
.aswitch{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);
color:var(--dim);font-size:.9rem;text-align:center}
.aswitch a{color:var(--gold);text-decoration:none;font-weight:600}
.aswitch a:hover{text-decoration:underline}
.aback{display:inline-block;margin-top:22px;color:var(--faint);font-size:.85rem;text-decoration:none}
.aback:hover{color:var(--ink)}
.perks{list-style:none;margin:0 0 24px;padding:0}
.perks li{position:relative;padding-left:24px;color:var(--dim);font-size:.9rem;margin-bottom:9px}
.perks li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;
background:var(--ok);border-radius:50%}
.fine{margin:18px 0 0;color:var(--faint);font-size:.78rem;line-height:1.55}
