:root{--bg:#15151d;--panel:#20202b;--line:#3a3a48;--ink:#ececf1;--muted:#a9a9b7;--accent:#ffe600;--bad:#ff7474;--ok:#68c998}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif}
.auth-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 20px calc(28px + env(safe-area-inset-bottom))}
.auth-card{width:100%;max-width:390px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px 28px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.beam{width:44px;height:5px;background:var(--accent);border-radius:3px;margin:0 0 22px}h1{font-size:21px;margin:0 0 8px}p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 22px}
label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}input{width:100%;background:#17171f;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:16px}
input:focus{outline:2px solid var(--accent);outline-offset:2px}button{width:100%;min-height:44px;margin-top:16px;border:0;border-radius:10px;background:var(--accent);color:#2e2e38;font-weight:750;font-size:14px;cursor:pointer}button:disabled{opacity:.55;cursor:default}
.hint{color:var(--muted);font-size:11.5px;line-height:1.55;margin-top:7px}.status{min-height:20px;margin-top:14px;color:var(--bad);font-size:12.5px;line-height:1.5}.status.ok{color:var(--ok)}footer{margin-top:22px;color:var(--muted);font-size:11.5px;text-align:center}a{color:var(--muted)}
@media(max-width:430px){.auth-card{padding:26px 20px}.auth-wrap{align-items:flex-start;padding-top:max(30px,env(safe-area-inset-top))}}