:root{color-scheme:dark;--bg:#090b10;--panel:#111620;--panel2:#151b27;--text:#eef3ff;--muted:#9ca8ba;--line:#263142;--accent:#78f3c6;--accent2:#8ab4ff;--warn:#ffd38a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,#152438 0,#090b10 38%,#07080b 100%);color:var(--text);font:17px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(9,11,16,.8);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.brand{font-weight:800;color:var(--text);text-decoration:none;letter-spacing:.02em}.tagline{color:var(--muted);font-size:14px}.article-shell{max-width:1040px;margin:0 auto;padding:56px 20px 88px}.article{max-width:820px;margin:0 auto}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700}.article h1{font-size:clamp(36px,6vw,68px);line-height:1.04;margin:14px 0 18px;letter-spacing:-.055em}.subtitle{font-size:clamp(19px,2.4vw,25px);line-height:1.55;color:#c9d5e8;margin-bottom:34px}.hero{margin:34px 0 46px;padding:12px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#131a25,#0d1118);box-shadow:0 24px 90px rgba(0,0,0,.35)}.hero img{display:block;width:100%;border-radius:16px}.hero figcaption{font-size:13px;color:var(--muted);padding:12px 6px 2px}.hero a,.article a{color:var(--accent2)}section{margin:46px 0}.article h2{font-size:29px;line-height:1.25;margin:0 0 16px;letter-spacing:-.03em}.article h3{margin:0 0 8px;color:var(--accent)}p{margin:14px 0;color:#dce5f5}strong{color:#fff}.grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.card{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--panel2),var(--panel))}.principles{padding-left:22px}.principles li{margin:22px 0;padding-left:8px}.principles strong{font-size:20px}.checklist{list-style:none;padding:0;margin:20px 0}.checklist li{padding:14px 16px;margin:10px 0;border:1px solid var(--line);border-radius:14px;background:rgba(120,243,198,.06)}.checklist li:before{content:'✓';color:var(--accent);font-weight:800;margin-right:10px}.loop{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:28px 0;padding:22px;border-radius:22px;border:1px solid var(--line);background:rgba(138,180,255,.08)}.loop span{padding:10px 16px;border-radius:999px;background:#172033;color:#fff;font-weight:800}.loop b{color:var(--accent)}code{background:#1a2331;color:var(--warn);padding:.12em .35em;border-radius:6px}.article-footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.home{max-width:960px;margin:0 auto;padding:64px 20px}.home h1{font-size:clamp(42px,7vw,84px);letter-spacing:-.06em;line-height:1}.post-card{display:grid;grid-template-columns:220px 1fr;gap:22px;margin-top:32px;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#121925,#0e131b);text-decoration:none;color:var(--text)}.post-card img{width:100%;border-radius:16px;aspect-ratio:16/9;object-fit:cover}.post-card p{color:var(--muted)}@media(max-width:720px){.grid.two,.post-card{grid-template-columns:1fr}.site-header{align-items:flex-start;gap:8px;flex-direction:column}.article-shell{padding-top:32px}}