*{box-sizing:border-box}
body{margin:0;font:16px/1.7 Inter,"Segoe UI",system-ui,Arial,sans-serif;color:#0f172a;background:#f4f7fc;-webkit-font-smoothing:antialiased}
a{color:#2563eb}
.top{background:#0b1730;padding:16px 0}
.wrap{width:min(860px,calc(100% - 40px));margin:auto}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:20px;text-decoration:none}
.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#60a5fa,#1d4ed8);display:grid;place-items:center;font-size:19px}
main{background:#fff;border:1px solid #e3e9f3;border-radius:20px;padding:40px;margin:32px auto 48px}
h1{font-size:34px;letter-spacing:-1px;margin:0 0 4px}
.upd{color:#5b6678;font-size:14px;margin:0 0 28px}
h2{font-size:20px;margin:30px 0 8px}
li{margin-bottom:6px}
.fill{background:#fff4e5;color:#8a4b00;padding:1px 6px;border-radius:6px;font-size:.92em}
.back{display:inline-block;margin-top:28px;font-weight:700;text-decoration:none}
footer{text-align:center;color:#7f90a9;font-size:13px;padding-bottom:32px}
@media(max-width:640px){main{padding:26px 20px}h1{font-size:28px}}