*{box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#f1f5f9;color:#172554;margin:0;padding:24px}main{max-width:760px;margin:auto;background:#fff;padding:28px;border-radius:18px;box-shadow:0 10px 30px #0f172a12}h1{font-size:26px}label{display:block;margin:14px 0 5px}input,select,textarea,button{font:inherit;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px}button{background:#1e40af;color:white;cursor:pointer;margin-top:18px}input[type=checkbox]{width:auto}a{color:#1e40af}aside{background:#fff7ed;padding:14px;border-radius:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere}#status{white-space:pre-wrap;margin-top:18px;color:#9a3412}.hidden{display:none}@media(max-width:480px){body{padding:12px}main{padding:18px}}