:root{color-scheme:light;--bg:#E7E9EE;--panel:#FFFFFF;--ink:#11131A;--ink-2:#3C4150;--line:#C6CAD4;--accent:#1A2A6C;--danger:#BE2A25}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.box{width:100%;max-width:360px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
h1{margin:0 0 20px;font-size:20px}
label{display:block;margin:12px 0 4px;color:var(--ink-2);font-weight:600}
input{width:100%;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:6px;font:inherit;color:inherit;background:#fff}
input:focus{outline:2px solid var(--accent);outline-offset:1px}
button{width:100%;height:42px;margin-top:18px;border:0;border-radius:6px;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}
button:disabled{opacity:.6;cursor:default}
.hint{margin:0 0 4px;color:var(--ink-2)}
.error{margin:12px 0 0;color:var(--danger);font-weight:600}
[hidden]{display:none!important}