*{box-sizing:border-box}
body{margin:0;background:#03080f;color:#f7fbff;font-family:Manrope,Arial,sans-serif;line-height:1.7}
a{color:#7fdffb}
.bar{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(5vw,18px);background:rgba(7,17,26,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(91,189,235,.2)}
.brand img{height:62px;width:auto;display:block}
.bar nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.bar nav a{color:#c5d7df;text-decoration:none;font-size:14px}
.bar nav a:hover{color:#48c9f3}
.bar .cta,.btn{display:inline-block;border-radius:999px;background:linear-gradient(100deg,#8beaff,#38bce8);color:#07121b!important;font-weight:800;padding:12px 20px;text-decoration:none;font-size:14px}
main{max-width:1100px;margin:auto;padding:28px max(4vw,18px) 80px}
.crumbs{font-size:13px;color:#8fa6b2;margin-bottom:24px}
.crumbs a{color:#a9ddec;text-decoration:none}
.hero{padding:40px 0 20px}
.pill,.tag{display:inline-block;font:11px 'DM Mono',monospace;color:#a9ddec;padding:8px 14px;border-radius:24px;border:1px solid rgba(97,201,239,.2);background:rgba(20,57,70,.3);text-decoration:none;margin:0 0 16px}
h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.05em;margin:0 0 18px}
h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.04em;line-height:1.2;margin:44px 0 14px}
h2 a{color:inherit;text-decoration:none}
h3{font-size:20px;letter-spacing:-.02em;margin:24px 0 8px}
p{color:#c2d0d7}
.lead{font-size:19px;color:#d7e4eb;max-width:760px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.card{padding:24px;border:1px solid rgba(91,189,235,.22);border-radius:18px;background:linear-gradient(115deg,rgba(12,28,38,.92),rgba(7,16,24,.94));transition:.25s}
.card:hover{transform:translateY(-4px);border-color:rgba(107,214,250,.5)}
.card h3{margin-top:4px}
.card h3 a{color:#f7fbff;text-decoration:none}
.card p{font-size:14px}
.more{font-weight:800;text-decoration:none;font-size:14px}
.post{max-width:780px}
.post .meta{font-size:13px;color:#8fa6b2}
.post-cover{margin:28px 0 32px}
.post-cover img{display:block;width:100%;height:auto;aspect-ratio:1200/688;object-fit:cover;border:1px solid rgba(91,189,235,.28);border-radius:8px;background:#07111a}
.post-cover figcaption{margin-top:8px;color:#8fa6b2;font-size:12px}
.post p{font-size:17px}
.box{margin:44px 0;padding:28px;border:1px solid rgba(91,189,235,.3);border-radius:20px;background:radial-gradient(circle at 80% 30%,rgba(29,142,190,.22),transparent 45%),#07111a}
.box h2{margin-top:0}
.links{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}
.links a{display:block;padding:10px 16px;border:1px solid rgba(91,189,235,.25);border-radius:999px;text-decoration:none}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:48px max(5vw,18px);background:#08141a;font-size:14px}
.foot nav{display:grid;gap:8px;align-content:start}
.foot a{color:#c8d6dd;text-decoration:none}
.wa{position:fixed;right:18px;bottom:18px;background:#25d366;color:#04150a!important;font-weight:800;padding:12px 18px;border-radius:999px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.4)}
@media(max-width:760px){.bar nav{gap:12px}.bar nav a{font-size:12px}.bar .cta{padding:9px 12px}.brand img{height:36px}.foot{grid-template-columns:1fr}}
.post ul,.post ol{color:#c2d0d7;padding-left:22px}
.post li{margin:6px 0}
.post li::marker{color:#48c9f3}
.post nav.box{margin:28px 0}
.post nav.box a{text-decoration:none}