*{box-sizing:border-box}body{margin:0;background:#f3f5fa;color:#202938;font:15px/1.5 system-ui,Arial}header{height:64px;background:white;border-bottom:1px solid #e0e5ee;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 900px)/2),20px)}header b{color:#6e5acb;font-size:19px}header span{color:#667085;font-size:13px}main{max-width:900px;margin:35px auto;padding:0 18px}h1{font-size:34px;margin-bottom:5px}p{color:#667085}section{background:white;border:1px solid #e1e6ef;border-radius:14px;padding:23px;margin:18px 0;box-shadow:0 8px 25px #20305008}h2{margin-top:0;font-size:19px}form{display:grid;gap:15px}label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px;color:#414b5d}input,select,textarea{padding:11px;border:1px solid #d4dbe7;border-radius:8px;font:14px Arial;background:#fff}button{padding:13px 16px;background:#6e5acb;color:#fff;border:0;border-radius:8px;font-weight:bold;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.err{padding:12px;background:#fff0ef;border:1px solid #f4c4bf;color:#9c211b;border-radius:8px}.hint{font-size:13px}.notice{padding:15px;background:#fff7e9;border:1px solid #efd4a7;border-radius:10px;color:#7a4a0b;font-size:13px}details{margin-top:16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7fa;padding:12px;border-radius:8px;font-size:12px}footer{text-align:center;color:#8b93a2;padding:24px;font-size:12px}@media(max-width:600px){header{padding:0 16px}main{margin:22px auto}h1{font-size:27px}section{padding:16px}.grid{grid-template-columns:1fr}}