:root{--color-bg:#fffaf5;--color-surface:#f0f4ff;--color-border:#dde3f5;--color-accent:#7c3aed;--color-accent-2:#f472b6;--color-text:#1e1b2e;--color-muted:#64748b;--color-link:#7c3aed;--shadow-card:0 1px 4px rgba(30, 27, 46, 0.08)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0a0a12;--color-surface:#13131f;--color-border:#1e1e30;--color-accent:#7c3aed;--color-accent-2:#00d4ff;--color-text:#e2e8f0;--color-muted:#64748b;--color-link:#00d4ff;--shadow-card:0 1px 4px rgba(0, 0, 0, 0.4)}}[data-theme=light]{--color-bg:#fffaf5;--color-surface:#f0f4ff;--color-border:#dde3f5;--color-accent:#7c3aed;--color-accent-2:#f472b6;--color-text:#1e1b2e;--color-muted:#64748b;--color-link:#7c3aed;--shadow-card:0 1px 4px rgba(30, 27, 46, 0.08)}[data-theme=dark]{--color-bg:#0a0a12;--color-surface:#13131f;--color-border:#1e1e30;--color-accent:#7c3aed;--color-accent-2:#00d4ff;--color-text:#e2e8f0;--color-muted:#64748b;--color-link:#00d4ff;--shadow-card:0 1px 4px rgba(0, 0, 0, 0.4)}@font-face{font-family:geist;src:url(/fonts/geist/Geist-Variable.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:geist,system-ui,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.7;transition:background-color .2s ease,color .2s ease}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}.wrapper{max-width:1200px;margin:0 auto;padding:0 1.5rem}.prose{max-width:72ch;margin:0 auto}#main-content{min-height:calc(100vh - 64px - 280px);padding:3rem 0 5rem}.site-header{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);height:64px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;gap:2rem}.site-name{font-weight:700;font-size:1.125rem;color:var(--color-text);white-space:nowrap;flex-shrink:0}.site-name:hover{text-decoration:none;color:var(--color-accent)}.nav-links{display:flex;align-items:center;gap:.25rem;margin-left:auto}.nav-link{color:var(--color-muted);font-size:.9375rem;padding:.375rem .75rem;border-radius:6px;transition:color .15s,background-color .15s}.nav-link:hover{color:var(--color-text);background-color:var(--color-surface);text-decoration:none}.nav-link--active{color:var(--color-text);font-weight:600}.theme-toggle{background:0 0;border:1px solid var(--color-border);color:var(--color-muted);border-radius:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,border-color .15s,background-color .15s;flex-shrink:0}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-accent);background-color:var(--color-surface)}.icon-sun{display:none}.icon-moon{display:block}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon{display:none}[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.nav-mobile-toggle{display:none;background:0 0;border:1px solid var(--color-border);color:var(--color-muted);border-radius:8px;width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer}h1,h2,h3,h4,h5,h6{line-height:1.25;color:var(--color-text);font-weight:700}h1{font-size:clamp(2rem,5vw,2.75rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.375rem}h4{font-size:1.125rem}.prose h2,.prose h3,.prose h4{margin-top:2.5rem;margin-bottom:.75rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre{margin-bottom:1.25rem}.prose ul,.prose ol{padding-left:1.5rem;list-style:revert}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:1.25rem;color:var(--color-muted);font-style:italic}.prose code{background-color:var(--color-surface);border:1px solid var(--color-border);padding:.15em .4em;border-radius:4px;font-size:.875em;font-family:geist mono,cascadia code,fira code,monospace}.prose pre{background-color:var(--color-surface);border:1px solid var(--color-border);padding:1.25rem;border-radius:10px;overflow-x:auto}.prose pre code{background:0 0;border:none;padding:0;font-size:.875rem}.prose a{color:var(--color-link);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-link) 40%,transparent);text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--color-link)}.prose img{border-radius:10px;margin:2rem auto}.hero{padding:4rem 0 3rem;text-align:center}.hero__title{margin-bottom:1rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__tagline{font-size:1.25rem;color:var(--color-muted);max-width:48ch;margin:0 auto 2rem}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.section-header__title{margin-bottom:.25rem}.section-header__desc{color:var(--color-muted);font-size:.9375rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;position:relative;cursor:pointer}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(124,58,237,.15)}.card__cover{width:100%;aspect-ratio:16/9;object-fit:cover}.card__cover--placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-2) 100%);opacity:.3}.card__body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.card__date{font-size:.8125rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.card__title{font-size:1.0625rem;font-weight:600;color:var(--color-text);line-height:1.3}.card__title a{color:inherit}.card__title a:hover{color:var(--color-accent);text-decoration:none}.card__title a::after{content:'';position:absolute;inset:0;z-index:1}.card__desc{font-size:.9rem;color:var(--color-muted);flex:1;line-height:1.5}.card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.5rem;position:relative;z-index:2}.tag{font-size:.75rem;padding:.2em .6em;border-radius:999px;background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-muted)}.card .btn{position:relative;z-index:2}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .15s,transform .1s;text-decoration:none;border:none}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn--primary{background-color:var(--color-accent);color:#fff}.btn--primary:hover{background-color:color-mix(in srgb,var(--color-accent) 85%,#000)}.btn--outline{background-color:initial;border:1px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.single-cover{width:100%;max-height:420px;object-fit:cover;border-radius:12px;margin-bottom:2.5rem}.single-header{margin-bottom:2rem}.single-header__meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.75rem;color:var(--color-muted);font-size:.9rem}.home-section{margin-bottom:4rem}.home-section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.home-section__view-all{font-size:.875rem;white-space:nowrap;color:var(--color-accent)}.newsletter{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:2.5rem;text-align:center;margin:3rem 0}.newsletter__title{font-size:1.25rem;margin-bottom:.5rem}.newsletter__desc{color:var(--color-muted);font-size:.9375rem;margin-bottom:1.5rem}.newsletter__form{display:flex;gap:.75rem;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center}.newsletter__input{flex:1;min-width:200px;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.9375rem}.newsletter__input:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-color:transparent}.newsletter__disclaimer{font-size:.8125rem;color:var(--color-muted);margin-top:.75rem}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:3rem 0}.footer-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-newsletter{margin-bottom:2.5rem}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:2rem;border-top:1px solid var(--color-border)}.footer-copyright{font-size:.875rem;color:var(--color-muted)}.footer-links{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;align-items:center}.footer-link{font-size:.875rem;color:var(--color-muted);transition:color .15s}.footer-link:hover{color:var(--color-text);text-decoration:none}.footer-social{display:flex;gap:.75rem;align-items:center}.footer-social-link{font-size:.875rem;color:var(--color-muted);transition:color .15s}.footer-social-link:hover{color:var(--color-accent);text-decoration:none}.project-live-link{margin-top:1.5rem;margin-bottom:2.5rem}.legal-page{padding-top:1rem}.legal-page h1{margin-bottom:.5rem}.legal-page .last-updated{color:var(--color-muted);font-size:.875rem;margin-bottom:2.5rem}.not-found{text-align:center;padding:6rem 1.5rem}.not-found h1{font-size:5rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}@media(max-width:700px){.nav-links{display:none;flex-direction:column;position:absolute;top:64px;left:0;right:0;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1rem 1.5rem;gap:.25rem}.nav-links.is-open{display:flex}.site-header{position:relative}.nav-mobile-toggle{display:flex;margin-left:auto}.theme-toggle{margin-left:.5rem}.card-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.newsletter__form{flex-direction:column}.newsletter__input{min-width:0}.hero{padding:2.5rem 0 2rem}.home-section__header{flex-direction:column;align-items:flex-start;gap:.25rem}}