:root{--bg:#fafafa;--card:#ffffff;--accent:#0070f3;--accent-dark:#0051bf;--text:#222;--border:#ddd;--radius:6px;--gap:1rem;font-family:system-ui,sans-serif}body{background:var(--bg);color:var(--text);margin:0;padding:0}main{max-width:700px;margin:2rem auto;padding:2rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}h1,h2{color:var(--accent-dark)}button,input,label,select,textarea{font:inherit;margin-top:.25rem}button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.4rem .9rem;cursor:pointer}button:hover{background:var(--accent-dark)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}form>*+*{margin-top:var(--gap)}ul{padding-left:1.2rem}