@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body,h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}img,picture,svg{display:block;max-inline-size:100%}}@layer base{:root{--bg: #090b12;--surface: #101522;--surface-2: #151d31;--text: #edf4ff;--muted: #a8b5cf;--line: color-mix(in srgb, var(--text), transparent 88%);--brand: #7dd3fc;--brand-2: #c084fc;--accent: #fbbf24;--max: 1120px;--radius: 24px;--shadow: 0 24px 80px rgb(0 0 0 / 35%)}body{min-block-size:100dvb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,rgb(125 211 252 / 16%),transparent 32rem),radial-gradient(circle at 88% 12%,rgb(192 132 252 / 14%),transparent 34rem),linear-gradient(180deg,#070912 0%,var(--bg) 42%,#05070d 100%);line-height:1.65}a{color:inherit;text-decoration-color:color-mix(in srgb,var(--brand),transparent 45%);text-underline-offset:.2em}a:hover{color:var(--brand)}h1,h2,h3{line-height:1.05;letter-spacing:-.04em}h1{font-size:clamp(3rem,9vw,7.5rem)}h2{font-size:clamp(2rem,4vw,3.6rem)}h3{font-size:clamp(1.35rem,2vw,1.9rem)}p{color:var(--muted)}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}}@layer components{.site-shell{inline-size:min(100% - 2rem,var(--max));margin-inline:auto}.site-header{padding-block:1.25rem;position:sticky;inset-block-start:0;z-index:10;backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);background:#090b12b8;border-radius:999px;padding:.7rem .9rem .7rem 1rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;text-decoration:none}.brand-mark{inline-size:2rem;block-size:2rem;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 0 32px #7dd3fc4d}.nav-links{display:flex;list-style:none;padding:0;margin:0;gap:.35rem}.nav-links a{display:inline-flex;border-radius:999px;padding:.5rem .8rem;color:var(--muted);text-decoration:none}.nav-links a:hover{background:#ffffff12;color:var(--text)}.hero{padding-block:clamp(4rem,10vw,9rem) 4rem}.eyebrow{display:inline-flex;gap:.5rem;align-items:center;margin-block-end:1.2rem;color:var(--brand);font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.14em}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(2rem,6vw,5rem);align-items:end}.hero p{font-size:clamp(1.05rem,1.8vw,1.35rem);max-inline-size:62ch;margin-block-start:1.4rem}.hero-card{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff14,#ffffff08);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow)}.hero-card dl{display:grid;gap:1rem}.hero-card div{display:flex;justify-content:space-between;gap:1rem;border-block-end:1px solid var(--line);padding-block-end:1rem}.hero-card div:last-child{border:0;padding:0}.hero-card dt{color:var(--muted)}.hero-card dd{font-weight:800;color:var(--text)}.section{padding-block:3rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-block-end:1.5rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1rem}.post-card{container:inline-size / post-card;display:grid;gap:1rem;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;background:#ffffff0a;text-decoration:none;content-visibility:auto;contain-intrinsic-size:auto 320px}.post-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand),transparent 55%);background:#ffffff12}.post-card time,.tag{color:var(--muted);font-size:.85rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{border:1px solid var(--line);border-radius:999px;padding:.25rem .55rem}.prose{max-inline-size:76ch;margin-inline:auto;padding-block:3rem 5rem}.prose>*+*{margin-block-start:1.15rem}.prose h1{font-size:clamp(2.6rem,7vw,5.2rem);margin-block-end:1rem}.prose h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-block-start:2.2rem}.prose ul,.prose ol{color:var(--muted)}.prose pre{overflow:auto;border-radius:18px;padding:1rem;border:1px solid var(--line);background:#05070d}.prose blockquote{border-inline-start:3px solid var(--brand);padding-inline-start:1rem;color:var(--muted)}.footer{border-block-start:1px solid var(--line);padding-block:2rem;color:var(--muted)}}@layer utilities{.gradient-text{background:linear-gradient(135deg,#fff,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}}@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.nav{align-items:flex-start;border-radius:26px}.nav-links{flex-wrap:wrap;justify-content:flex-end}}