* { box-sizing: border-box; font-family: "Inter", "Segoe UI", system-ui, sans-serif; }
body { margin: 0; background: var(--bg); color: var(--text); }
header { background: var(--surface); border-bottom: 1px solid var(--border); position: sticky; top: 0; }
.wrap { max-width: 980px; margin: 0 auto; padding: 20px 24px; }
.brand { font-weight: 700; font-size: 18px; }
.nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
nav a { color: var(--text-muted); text-decoration: none; margin-left: 14px; font-weight: 600; font-size: 14px; }
nav a:hover { color: var(--primary); }
.card { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 24px; box-shadow: var(--shadow); max-width: 520px; }
.card h1 { margin: 0 0 6px; font-size: 24px; }
.card p { margin: 0 0 16px; color: var(--text-muted); }
.form { display: grid; gap: 10px; }
label { font-size: 13px; color: var(--text-muted); font-weight: 600; }
input { padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--text); }
.btn { border: 1px solid var(--primary); background: var(--primary); color: var(--primary-contrast); padding: 10px 16px; border-radius: 10px; font-weight: 600; cursor: pointer; margin-top: 6px; }
.notice { margin-top: 12px; font-size: 13px; color: var(--text-muted); }