:root{color-scheme:dark;--ink:#eefaf3;--muted:#9aaca2;--green:#71ff9b;--gold:#d6b56f;--panel:#111713;--line:#25332a}
*{box-sizing:border-box}body{margin:0;background:#070a08;color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}.blog-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,72px);background:rgba(7,10,8,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.blog-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:850;letter-spacing:-.03em}.blog-brand img{width:38px;height:38px;object-fit:contain}.blog-links{display:flex;gap:24px}.blog-links a{text-decoration:none;color:var(--muted)}
.blog-main{width:min(1160px,calc(100% - 40px));margin:auto}.blog-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:80px 0 64px}.eyebrow{color:var(--green);font-weight:850;letter-spacing:.16em;font-size:.78rem}.blog-hero h1{font-size:clamp(2.8rem,7vw,6.4rem);line-height:.93;letter-spacing:-.07em;margin:18px 0 24px}.blog-hero p{max-width:680px;color:var(--muted);font-size:1.16rem}.hero-art{width:100%;max-height:680px;object-fit:cover;border:1px solid #395641;border-radius:30px;box-shadow:0 25px 90px rgba(54,255,112,.13)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:30px 0 100px}.article-card{display:flex;flex-direction:column;min-height:330px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#121914,#0c100d);text-decoration:none;transition:.25s transform,.25s border-color}.article-card:hover{transform:translateY(-5px);border-color:#4c8d60}.article-card .tag{color:var(--gold);font-size:.76rem;font-weight:800;letter-spacing:.13em}.article-card h2{font-size:1.65rem;line-height:1.12;letter-spacing:-.035em}.article-card p{color:var(--muted)}.article-card .read{margin-top:auto;color:var(--green);font-weight:800}
.article{width:min(800px,calc(100% - 40px));margin:70px auto 110px}.article h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.98;letter-spacing:-.06em}.article h2{margin-top:52px;font-size:1.8rem;letter-spacing:-.035em}.article p,.article li{color:#c0cec5}.article img{width:100%;max-height:700px;object-fit:cover;border:1px solid var(--line);border-radius:26px;margin:28px 0}.article .cta{display:inline-block;margin-top:28px;padding:14px 22px;background:var(--green);color:#071008;border-radius:999px;text-decoration:none;font-weight:900}
.blog-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:800px){.blog-links{display:none}.blog-hero{grid-template-columns:1fr;padding-top:50px}.hero-art{max-height:540px}.article-grid{grid-template-columns:1fr}.blog-footer{flex-direction:column}}