:root{
  --bg:#0b0d10;--panel:#11151a;--panel2:#171c22;--text:#eef2f5;--muted:#8e9aa7;
  --line:#252c34;--accent:#8df0c0;--accent2:#7bb7ff;--max:1120px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% -10%,#173326 0,transparent 35%),var(--bg);
color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 24px}
header{border-bottom:1px solid var(--line);background:rgba(11,13,16,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:-.04em;font-size:22px}
.brand span{color:var(--accent)}nav{display:flex;gap:24px;color:var(--muted);font-size:14px}nav a:hover,nav a.active{color:var(--text)}
.hero{padding:100px 0 72px}.eyebrow{color:var(--accent);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
h1{font-size:clamp(44px,7vw,76px);line-height:.98;letter-spacing:-.06em;max-width:850px;margin:18px 0}
.lead{color:var(--muted);font-size:19px;max-width:700px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.btn{padding:11px 17px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-weight:700}.btn.primary{background:var(--accent);color:#07100b;border-color:var(--accent)}
.section{padding:60px 0}.section h2{font-size:32px;letter-spacing:-.04em;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:linear-gradient(145deg,var(--panel),#0e1216);border:1px solid var(--line);border-radius:16px;padding:24px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#39434e}
.meta{font-size:12px;color:var(--muted);margin-bottom:10px}.card h3{margin:0 0 9px;font-size:20px}.card p{margin:0;color:var(--muted)}
.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tag{font-size:12px;color:#b9c4ce;border:1px solid var(--line);padding:4px 8px;border-radius:999px}
.article{max-width:780px;margin:auto;padding:76px 24px}.article h1{font-size:52px;max-width:none}.article h2{font-size:28px;margin-top:44px}.article p,.article li{color:#c1c9d1;font-size:17px}.article pre{background:#080a0c;border:1px solid var(--line);padding:18px;border-radius:12px;overflow:auto}.article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
.list{display:grid;gap:12px}.list a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.list span{color:var(--muted)}
footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:13px;margin-top:60px}
@media(max-width:800px){nav{gap:12px}.grid{grid-template-columns:1fr}.hero{padding:70px 0}.article h1{font-size:40px}}