:root{color-scheme:dark;font-family:Arial,'맑은 고딕',sans-serif;background:#171719;color:#eee}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(420px,100%);padding:32px;background:#202023;border:1px solid #38383c;border-radius:12px}.brand{color:#a995ff;font-weight:700}h1{font-size:25px;margin:24px 0 10px}p,small{color:#bbb;line-height:1.6}label{display:grid;gap:8px;margin-top:20px;font-size:14px}input,button{width:100%;padding:12px;border-radius:6px;border:1px solid #49494f;font:inherit}input{background:#171719;color:#fff}input:focus{outline:2px solid #8067f6}button{background:#8067f6;color:white;margin-top:24px;cursor:pointer;font-weight:bold}button:disabled{opacity:.5;cursor:wait}#message{color:#ffc480}small{display:block;font-size:12px}[hidden]{display:none!important}