*{box-sizing:border-box}:root{--bg:#07111f;--bg-soft:#0b1728;--text:#e5edf7;--muted:#a8b7ca;--muted-strong:#bfd0e4;--brand:#38f8c2;--brand-strong:#59ffd0;--card:rgba(15,28,49,.78);--card-strong:linear-gradient(180deg,rgba(15,28,49,.92),rgba(9,19,35,.92));--header:rgba(7,17,31,.88);--border:rgba(148,163,184,.2);--border-strong:rgba(56,248,194,.6);--shadow:0 20px 50px rgba(0,0,0,.18);--tag-bg:rgba(56,248,194,.12);--ad-bg:rgba(255,255,255,.04);--code-bg:#020817;--button-text:#062016}:root,:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light;--bg:#f7fafc;--bg-soft:#eef5fb;--text:#132033;--muted:#5d6c80;--muted-strong:#42526a;--brand:#0f9f7d;--brand-strong:#08785f;--card:rgba(255,255,255,.88);--card-strong:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,246,255,.92));--header:rgba(255,255,255,.86);--border:rgba(51,65,85,.16);--border-strong:rgba(15,159,125,.45);--shadow:0 18px 45px rgba(15,23,42,.09);--tag-bg:rgba(15,159,125,.1);--ad-bg:rgba(15,23,42,.04);--code-bg:#eef5fb;--button-text:#ffffff}body{margin:0;background:radial-gradient(circle at top left,var(--bg-soft),var(--bg) 42%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;min-height:100vh}a{color:inherit;text-decoration:none}.container{width:min(1080px,calc(100% - 32px));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}.brand{font-weight:900;letter-spacing:-.04em;font-size:22px;white-space:nowrap}.brand span{color:var(--brand)}.nav-right{display:flex;align-items:center;gap:14px}.links{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px}.links a:hover{color:var(--brand-strong)}.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer;box-shadow:var(--shadow)}.theme-toggle:hover{border-color:var(--border-strong);color:var(--brand-strong)}.hero{padding:72px 0 48px}.eyebrow{color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:1.02;margin:12px 0 20px;letter-spacing:-.07em}.hero p{font-size:20px;color:var(--muted-strong);max-width:760px}.button{display:inline-flex;margin-top:12px;padding:13px 18px;border-radius:999px;background:var(--brand);color:var(--button-text);font-weight:900}.button:hover{filter:brightness(1.05)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:18px;gap:18px;margin:28px 0}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:22px;gap:22px;align-items:start}.card{border:1px solid var(--border);background:var(--card-strong);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0;letter-spacing:-.03em}.muted{color:var(--muted)}.tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--tag-bg);color:var(--brand-strong);font-weight:700;font-size:12px;margin-right:6px;margin-bottom:6px}.post-list{display:grid;grid-gap:18px;gap:18px;margin:32px 0 64px}.post-card{display:block;border:1px solid var(--border);border-radius:24px;padding:24px;background:var(--card);box-shadow:var(--shadow)}.post-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.meta{color:var(--muted);font-size:14px}.article{max-width:820px;margin:0 auto;padding:42px 0 80px}.article h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.05em}.article h2{margin-top:44px;font-size:28px;letter-spacing:-.03em}.article h3{margin-top:28px}.article li,.article p{color:var(--muted-strong)}.article a{color:var(--brand-strong);font-weight:800}.article code{background:var(--code-bg);border:1px solid var(--border);padding:2px 6px;border-radius:8px}.article pre{overflow:auto;background:var(--code-bg);border:1px solid var(--border);border-radius:18px;padding:18px}.article pre code{background:transparent;border:0;padding:0}.ad-slot{border:1px dashed var(--border);background:var(--ad-bg);border-radius:18px;padding:18px;text-align:center;margin:22px 0}.ad-slot,.footer{color:var(--muted)}.footer{border-top:1px solid var(--border);padding:28px 0 42px}.footer .container{font-size:14px}@media(max-width:760px){.nav{align-items:flex-start}.nav-right{align-items:flex-end;flex-direction:column;gap:10px}.links{justify-content:flex-end;gap:10px}.two-col{grid-template-columns:1fr}.hero{padding-top:48px}.theme-toggle{padding:7px 10px}.theme-toggle span:last-child{display:none}}