@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Source+Sans+3:wght@400;700&display=swap');
:root{--ink:#0f172a}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Source Sans 3',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#e6f7ff,#fff);color:var(--ink)}
.wrap{max-width:1100px;margin:40px auto;padding:28px}
h1{font-family:'Outfit',sans-serif;font-weight:800;margin:0 0 18px 0}
.section{margin:20px 0}
.section h2{font-family:'Outfit',sans-serif;margin:0 0 12px 0;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.card{grid-column:span 4}
@media(max-width:900px){.card{grid-column:span 6}}
@media(max-width:620px){.card{grid-column:span 12}}
a.block{display:block;text-decoration:none;border:1px solid rgba(15,23,42,.1);border-radius:14px;padding:14px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.08);font-weight:700}
a.block small{display:block;font-weight:400;opacity:.7;margin-top:6px}
a.block:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,.14)}