body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:#070a12;color:#eef3ff}
main{max-width:1040px;margin:0 auto;padding:34px}
.back{display:inline-block;margin-bottom:18px;color:#8fdfff;text-decoration:none;font-weight:800}
h1{font-size:clamp(32px,6vw,56px);line-height:1;margin:8px 0 10px}
.lead{color:#b7c2d6;font-size:18px;line-height:1.55;max-width:820px}
.tag{display:inline-block;padding:6px 11px;border:1px solid #38445a;border-radius:999px;color:#9aa7bd;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.06em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:26px 0}
section{background:#111827;border:1px solid #263044;border-radius:12px;padding:18px;min-height:180px}
section h2{margin-top:0}li{margin:8px 0}
.btn{display:inline-block;margin:8px 8px 0 0;padding:12px 15px;border-radius:9px;background:#46d6ff;color:#06101f;text-decoration:none;font-weight:900}
.btn.alt{background:#1f2937;color:#eef3ff;border:1px solid #38445a}
.btn:hover,.back:hover{filter:brightness(1.1)}
@media(max-width:720px){main{padding:24px}.btn{display:block;text-align:center}}