:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#152038;background:#f5f7fa}
*{box-sizing:border-box}body{margin:0}header{background:#10203c;color:white;padding:22px max(24px,calc((100vw - 1100px)/2));display:flex;gap:24px;align-items:center;flex-wrap:wrap}header a{color:white;text-decoration:none;font-weight:800;font-size:22px}header span{font-size:13px;color:#b8c3d6}
main{max-width:1100px;margin:30px auto;padding:0 18px;min-height:70vh}h1{font-size:30px}h2{font-size:19px}p{line-height:1.55}article{background:#fff;border:1px solid #e1e7ef;border-radius:12px;padding:22px;margin:15px 0;box-shadow:0 2px 8px #10203c09}
.button,button{background:#315efb;color:white;padding:10px 15px;border:none;border-radius:8px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
input{padding:11px;border:1px solid #cfd7e4;border-radius:7px;width:100%;max-width:480px}form label{display:block;margin:16px 0;font-weight:600}form label input{display:block;margin-top:6px}
form .consent{font-weight:400}form .consent input{width:auto;display:inline-block;margin-right:8px}
form button{margin:5px 8px 5px 0}.search{display:flex;gap:12px;align-items:center}.badge{background:#e2f6eb;color:#237647;font-size:12px;padding:5px 8px;border-radius:20px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fc;padding:14px;border-radius:8px}.multiline{white-space:pre-wrap}
footer{background:#eaf0f7;padding:26px;text-align:center;font-size:12px;color:#667995}
@media(max-width:600px){.search{display:block}.search button{margin-top:8px}main{margin-top:20px}h1{font-size:25px}}