:root{color-scheme:dark;--bg: #07090f;--surface: #10141f;--surface-raised: #151b29;--text: #f4f7fb;--muted: #9aa7b8;--line: #263043;--accent: #22d3ee;--accent-strong: #f472b6;--glow: rgba(34, 211, 238, .28);--article-text: #cbd5e1;--header-bg: rgba(7, 9, 15, .84);--hero-bg: #0d111b;--hero-border: rgba(148, 163, 184, .2);--hero-overlay: linear-gradient(90deg, rgba(7, 9, 15, .94) 0%, rgba(7, 9, 15, .66) 42%, rgba(7, 9, 15, .24) 100%), linear-gradient(0deg, rgba(7, 9, 15, .9) 0%, rgba(7, 9, 15, .06) 50%);--hero-overlay-mobile: linear-gradient(0deg, rgba(7, 9, 15, .96) 0%, rgba(7, 9, 15, .54) 58%, rgba(7, 9, 15, .3) 100%);--bg-glow-left: rgba(34, 211, 238, .14);--bg-glow-right: rgba(244, 114, 182, .12)}:root[data-theme=light]{color-scheme:light;--bg: #eef5f8;--surface: #ffffff;--surface-raised: #f8fbfd;--text: #111827;--muted: #5b6878;--line: #cbd7e4;--accent: #0891b2;--accent-strong: #db2777;--glow: rgba(8, 145, 178, .2);--article-text: #334155;--header-bg: rgba(238, 245, 248, .84);--hero-bg: #dbeafe;--hero-border: rgba(8, 145, 178, .24);--hero-overlay: linear-gradient(90deg, rgba(238, 245, 248, .96) 0%, rgba(238, 245, 248, .78) 43%, rgba(238, 245, 248, .2) 100%), linear-gradient(0deg, rgba(238, 245, 248, .72) 0%, rgba(238, 245, 248, .05) 58%);--hero-overlay-mobile: linear-gradient(0deg, rgba(238, 245, 248, .96) 0%, rgba(238, 245, 248, .7) 58%, rgba(238, 245, 248, .32) 100%);--bg-glow-left: rgba(8, 145, 178, .16);--bg-glow-right: rgba(219, 39, 119, .1)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,var(--bg-glow-left),transparent 36rem),radial-gradient(circle at top right,var(--bg-glow-right),transparent 34rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.site-header{border-bottom:1px solid var(--line);background:var(--header-bg);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.nav{width:min(100% - 40px,1120px);min-height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:1.05rem}.nav-links{align-items:center;display:flex;gap:18px;color:var(--muted);font-size:.95rem}.theme-toggle{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--accent);cursor:pointer}.theme-toggle:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 18px var(--glow)}.theme-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-icon-moon{display:none}:root[data-theme=light] .theme-icon-sun{display:none}:root[data-theme=light] .theme-icon-moon{display:block}main{width:min(100% - 40px,1120px);margin:0 auto}.hero{padding:76px 0 48px}.hero-home{position:relative;min-height:min(72vh,680px);margin:28px 0 48px;padding:clamp(32px,7vw,72px);display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--hero-border);border-radius:8px;background:var(--hero-bg);box-shadow:0 22px 90px #0000006b}.hero-home:before{content:"";position:absolute;inset:0;z-index:1;background:var(--hero-overlay)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity .22s ease}.hero-image-light{opacity:0}:root[data-theme=light] .hero-image-dark{opacity:0}:root[data-theme=light] .hero-image-light{opacity:1}.hero-content{position:relative;z-index:2;max-width:700px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:.9rem;font-weight:700}h1,h2,h3{line-height:1.18;letter-spacing:0}h1{max-width:780px;margin:0;font-size:4.6rem}.hero p{max-width:620px;margin:22px 0 0;color:var(--muted);font-size:1.12rem}.hero .eyebrow{margin:0 0 10px;color:var(--accent)}.section-heading{margin:0 0 18px;font-size:1.35rem}.post-list{display:grid;gap:14px;padding:0 0 56px}.post-card{display:block;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:inset 0 1px #ffffff08}.post-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));color:inherit;box-shadow:0 0 28px var(--glow)}.post-card h2{margin:0 0 8px;font-size:1.35rem}.post-card h2 a:hover{color:var(--accent)}.post-card p{margin:0;color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0;color:var(--muted);font-size:.9rem}.tag{color:var(--accent-strong)}a.tag{position:relative;z-index:2}a.tag:hover,.tag.is-active{color:var(--accent)}.tag-list{display:flex;flex-wrap:wrap;gap:12px;padding:0 0 56px}.tag-pill{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--accent-strong)}.tag-pill:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));color:var(--accent);box-shadow:0 0 22px var(--glow)}.tag-pill span{color:var(--muted);font-size:.86rem}.back-link{margin:-28px 0 56px;color:var(--muted)}.back-link a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article{max-width:720px;padding:64px 0 72px}.article h1{font-size:3.4rem}.article :where(p,ul,ol){color:var(--article-text)}.article :where(h2,h3){margin-top:38px}.article a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}.site-footer{width:min(100% - 40px,1120px);margin:0 auto;padding:28px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}@media(max-width:620px){.nav{align-items:flex-start;flex-direction:column;justify-content:center;padding:14px 0;gap:8px}.hero{padding-top:54px}.hero-home{min-height:620px;margin-top:18px;padding:28px}.hero-home:before{background:var(--hero-overlay-mobile)}h1{font-size:3rem}.article h1{font-size:2.45rem}.post-card{padding:18px}}