:root{color-scheme:dark;--bg:#05081f;--panel:#0d1433;--text:#f7f9ff;--muted:#bbc8e2;--line:rgba(148,173,255,.22);--cyan:#20dcff;--green:#4af3ae}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 20% 0,rgba(32,220,255,.16),transparent 30%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif;line-height:1.75}
header,main,footer{width:min(calc(100% - 36px),1080px);margin:auto}
header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0 18px}
a{color:inherit}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:950}
.brand img{width:42px;height:auto}
.brand small{display:block;color:var(--muted);font-size:12px}
nav{display:flex;gap:12px;flex-wrap:wrap}
nav a,.cta{min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 14px;text-decoration:none;font-weight:850}
.cta{background:linear-gradient(135deg,#6537ff,#13c7ff);border:0}
.article-hero{padding:50px 0 28px}
.pill{display:inline-flex;padding:7px 12px;border:1px solid rgba(32,220,255,.28);border-radius:999px;color:#bff6ff;background:rgba(32,220,255,.08);font-size:13px;font-weight:900}
h1{max-width:980px;margin:18px 0 16px;font-size:clamp(2.2rem,5.6vw,4.8rem);line-height:1.08;letter-spacing:0}
h2{margin:34px 0 12px;font-size:clamp(1.35rem,2.7vw,2.1rem);line-height:1.25}
h3{margin:22px 0 8px;font-size:1.12rem}
p{color:var(--muted);margin:0 0 14px}
.lead{max-width:820px;font-size:1.08rem}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
article{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.055);padding:30px}
aside{position:sticky;top:18px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.05);padding:20px}
aside h2{font-size:1rem;margin:0 0 12px}
aside a{display:block;min-height:40px;padding:8px 0;color:#dbe6ff;text-decoration:none;font-weight:800}
ul,ol{color:#d8e2f6;margin-top:10px}
li{margin:7px 0}
.answer-box{border:1px solid rgba(74,243,174,.25);border-radius:8px;background:rgba(74,243,174,.08);padding:18px;margin:22px 0}
.answer-box strong{color:#a7ffd8}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tags span{border:1px solid rgba(32,220,255,.22);border-radius:999px;padding:6px 10px;color:#9cecff;background:rgba(32,220,255,.08);font-size:.78rem;font-weight:850}
footer{padding:34px 0 46px;color:var(--muted)}
@media(max-width:860px){header{align-items:flex-start;flex-direction:column}.article-layout{grid-template-columns:1fr}aside{position:static}article{padding:22px}.article-hero{padding-top:30px}}