:root{
 --bg:#070a12;--bg2:#0d1220;--card:#111827;--card2:#151d2f;--text:#f7f9fc;--muted:#a8b2c4;
 --line:rgba(255,255,255,.10);--lime:#d6ff2f;--gold:#ffd54a;--cyan:#39d9ff;--red:#ff4d6d;
 --shadow:0 18px 60px rgba(0,0,0,.34);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:
radial-gradient(circle at 15% 0%,rgba(57,217,255,.12),transparent 32%),
radial-gradient(circle at 100% 15%,rgba(214,255,47,.10),transparent 28%),
linear-gradient(180deg,#05070c 0%,#0b1020 55%,#070a12 100%);line-height:1.75}
a{color:var(--lime);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:40;background:rgba(7,10,18,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{max-width:1180px;margin:auto;padding:10px 20px;display:flex;align-items:center;gap:14px}.logo-link{display:flex;align-items:center;margin-right:auto}.logo-link img{display:block;width:180px;max-height:52px;object-fit:contain}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}.nav-links a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#eaf0f7;text-decoration:none;font-size:.88rem;background:rgba(255,255,255,.03)}
.page{max-width:1180px;margin:auto;padding:22px 20px 60px}.breadcrumb{font-size:.86rem;color:var(--muted);margin:7px 0 16px}.breadcrumb a{color:#dbe5f1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:stretch}.hero-copy,.hero-media,.panel,.article-wrap,.related-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(21,29,47,.94),rgba(12,17,29,.94));box-shadow:var(--shadow);border-radius:var(--radius)}
.hero-copy{padding:30px;position:relative;overflow:hidden}.hero-copy:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(214,255,47,.08);filter:blur(10px);right:-90px;top:-120px}
.kicker{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(214,255,47,.1);border:1px solid rgba(214,255,47,.25);color:var(--lime);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;margin:18px 0 14px;letter-spacing:-.035em}.lead{font-size:1.08rem;color:#d6deea;max-width:780px}
.hero-media{padding:14px;display:flex;flex-direction:column;gap:12px}.hero-media img{width:100%;height:auto;display:block;border-radius:16px;aspect-ratio:12/5;object-fit:cover}
.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cta{display:flex;justify-content:center;align-items:center;min-height:50px;border-radius:14px;text-decoration:none;font-weight:900;letter-spacing:.02em;color:#09100a;background:linear-gradient(135deg,var(--lime),var(--gold));box-shadow:0 0 30px rgba(214,255,47,.18)}.cta.alt{background:linear-gradient(135deg,var(--cyan),#7c8cff);color:#071018}
.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.signal{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.signal strong{display:block;color:#fff;font-size:.92rem}.signal span{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}
.content-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.toc{position:sticky;top:84px;padding:18px}.toc strong{display:block;margin-bottom:10px;color:var(--gold)}.toc a{display:block;padding:7px 0;color:#bfc9d8;text-decoration:none;font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.05)}
.article-wrap{padding:30px;min-width:0}.article-section{padding:4px 0 12px}.article-section+ .article-section{border-top:1px solid var(--line);margin-top:20px;padding-top:22px}h2{font-size:clamp(1.35rem,3vw,2rem);line-height:1.25;margin:0 0 12px;color:#fff}p{margin:0 0 16px;color:#d8e0eb}
.context-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.context-link a,.related-inline a{display:block;padding:12px 14px;border:1px solid rgba(214,255,47,.22);border-radius:14px;background:rgba(214,255,47,.055);text-decoration:none}
.related-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checklist li{padding:12px 14px 12px 42px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);position:relative}.checklist li:before{content:"✓";position:absolute;left:14px;color:var(--lime);font-weight:900}
.faq-block{border-top:1px solid var(--line);margin-top:22px;padding-top:24px}.faq-block details{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);margin:10px 0;padding:0 14px}.faq-block summary{cursor:pointer;padding:14px 0;font-weight:800;color:#fff}.faq-block details p{padding-bottom:14px}
.related-section{margin-top:20px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-card{padding:16px;text-decoration:none;color:#fff}.related-card small{color:var(--lime);display:block;margin-bottom:5px}.related-card span{color:#c5cfdd;font-size:.87rem}
.footer{border-top:1px solid var(--line);margin-top:30px;padding:28px 0;color:var(--muted);font-size:.88rem}.footer-grid{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:900px){.hero-grid,.content-layout{grid-template-columns:1fr}.toc{position:relative;top:auto}.signal-grid{grid-template-columns:repeat(2,1fr)}.related-grid,.context-links,.related-inline{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nav-links{display:none}.page{padding:14px 12px 40px}.hero-copy,.article-wrap{padding:20px}.cta-row{grid-template-columns:1fr}.signal-grid,.related-grid,.context-links,.related-inline{grid-template-columns:1fr}h1{font-size:2rem}}