*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:#1a1a2e;background:#f7f8fc}a{color:#4338ca}header,footer{background:#1a1a2e;color:#fff;padding:14px 20px}header a,footer a{color:#fff;margin-right:14px;text-decoration:none}main{max-width:900px;margin:auto;padding:20px}.card{background:#fff;border-radius:10px;padding:16px;margin:12px 0;box-shadow:0 1px 4px #0001}input,button{font:inherit;padding:12px;border-radius:8px;border:1px solid #ccc}input{width:100%}button{background:#4338ca;color:#fff;border:0;cursor:pointer;margin-top:8px}.tag{font-size:12px;background:#eef;padding:2px 8px;border-radius:9px}h1{line-height:1.2}