body{margin:0;background:#10121a;color:#f3f4f8;font:17px/1.65 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:clamp(24px,6vw,72px) 20px}h1{font-size:clamp(28px,5vw,46px);line-height:1.15}p{max-width:70ch}a{color:#b8ccff;text-underline-offset:4px}ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;list-style:none;padding:0}li{padding:22px;border:1px solid #363b4b;border-radius:14px}small{color:#b5bbcc}footer{margin-top:48px}