:root{--bg: #f5f6f8;--card: #ffffff;--text: #16181d;--muted: #6b7280;--border: #e2e5ea;--accent: #2f6f4e;--accent-hover: #255a3f;--error: #b4232a;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #14161a;--card: #1c1f25;--text: #e8eaed;--muted: #9aa0a8;--border: #2c313a;--accent: #4c9c72;--accent-hover: #5cae82;--error: #e2686e;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:32px 28px;display:flex;flex-direction:column;gap:18px}.card-head{text-align:center;margin-bottom:4px}.card-head h1{margin:0;font-size:22px;letter-spacing:-.2px}.card-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.field{display:flex;flex-direction:column;gap:7px}.field span{font-size:13px;color:var(--muted)}.field input{padding:11px 13px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);font-size:15px}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}button{margin-top:4px;padding:12px;border:0;border-radius:9px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:default}.msg{margin:0;font-size:13px;line-height:1.5}.msg.error{color:var(--error)}.msg.notice{color:var(--muted)}