:root{--navy:#050e1c;--lake:#091525;--steel:#112035;--bright:#5bb8ff;--blue:#2e7fd4;--gold:#c8a96e;--text:#c8dcee;--muted:#7f9ab5;--white:#fff;--border:rgba(91,184,255,.14)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font:16px/1.75 'DM Sans',sans-serif}.blog-main{overflow:hidden}.blog-wrap{width:min(1120px,calc(100% - 48px));margin:auto}.blog-hero{padding:165px 0 90px;background:radial-gradient(circle at 78% 35%,rgba(91,184,255,.16),transparent 28%),linear-gradient(135deg,#050e1c,#0a1d34);border-bottom:1px solid var(--border)}.blog-mark{display:flex;align-items:center;gap:12px;color:var(--bright);font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:.22em;text-transform:uppercase}.blog-mark::before{content:'';width:34px;height:1px;background:linear-gradient(90deg,var(--bright),transparent)}.blog-hero h1,.blog-heading,.post-card h2,.post-content h1,.post-content h2,.post-content h3,.blog-cta h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.94;color:#fff}.blog-hero h1{font-size:clamp(64px,9vw,112px);margin:18px 0}.blog-hero h1 span{color:var(--bright)}.blog-hero p{max-width:720px;color:#aac3d9;font-size:19px}.blog-section{padding:90px 0}.blog-heading{font-size:clamp(42px,6vw,68px);margin:0 0 42px}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.post-card{display:flex;min-height:320px;flex-direction:column;padding:32px;border:1px solid var(--border);background:rgba(17,32,53,.68);color:var(--text);text-decoration:none;transition:.25s}.post-card:hover{transform:translateY(-4px);border-color:rgba(91,184,255,.4)}.post-card h2{font-size:36px;margin:28px 0 14px}.post-card p{color:var(--muted)}.post-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--gold);font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase}.post-more{margin-top:auto;color:var(--bright);font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase}.post-content{width:min(800px,calc(100% - 48px));margin:auto;padding:80px 0}.post-content h1{font-size:clamp(48px,8vw,84px);margin:20px 0}.post-content h2{font-size:38px;margin-top:50px}.post-content h3{font-size:29px;margin-top:38px}.post-content p,.post-content li{color:#abc1d5}.post-content a{color:var(--bright)}.post-content blockquote{margin:32px 0;padding:20px 26px;border-left:3px solid var(--gold);background:rgba(200,169,110,.06)}.post-content pre,.post-content code{background:#030a14}.post-content pre{padding:20px;overflow:auto}.blog-button{display:inline-flex;padding:13px 22px;background:var(--bright);color:var(--navy);font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.blog-cta{padding:70px 0;background:linear-gradient(105deg,var(--blue),#318de8)}.blog-cta .blog-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.blog-cta h2{font-size:clamp(42px,6vw,68px);margin:0}.blog-cta p{color:#e7f5ff}.blog-cta .blog-button{background:var(--navy);color:#fff}
@media(max-width:760px){.post-grid{grid-template-columns:1fr}.blog-cta .blog-wrap{align-items:flex-start;flex-direction:column}.blog-hero{padding-top:135px}.blog-section{padding:65px 0}}
@media(max-width:520px){.blog-wrap,.post-content{width:min(100% - 30px,1120px)}.blog-hero h1{font-size:56px}.post-card{min-height:auto}}