:root{--bg:#0b1020;--fg:#f4f6ff;--muted:#9aa4c7;--accent:#7aa2ff;--ok:#58d68d;--warn:#f5b041;--err:#ec7063}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Sarabun,Noto Sans Thai,sans-serif;min-height:100vh}a{color:var(--accent)}.auth-page{max-width:380px;margin:0 auto;padding:64px 24px}.auth-sub{color:var(--muted);margin-top:0;margin-bottom:24px}.auth-form{gap:16px}.auth-form,.auth-label{display:flex;flex-direction:column}.auth-label{gap:6px;font-size:14px;color:var(--muted)}.auth-input{padding:10px 12px;border-radius:8px;border:1px solid #2a3350;background:#0f1630;color:var(--fg);font-size:15px}.auth-input:focus{outline:2px solid var(--accent);outline-offset:1px}.auth-submit{padding:10px 14px;border-radius:8px;border:none;background:var(--accent);color:#0b1020;font-weight:600;font-size:15px;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:default}.auth-error{color:var(--err)}.auth-error,.auth-ok{font-size:14px;margin:0}.auth-ok{color:var(--ok)}.auth-footer{color:var(--muted);font-size:14px;margin:0;text-align:center}