:root{--color-bg: #08090b;--color-surface: #0d0f12;--color-surface-raised: #13161b;--color-border: #1a1d24;--color-border-hover: #282d38;--color-text: #e2e4e9;--color-text-secondary: #7a8194;--color-text-tertiary: #4a5068;--color-accent: #60a5fa;--color-accent-hover: #3b82f6;--color-accent-dim: rgba(96, 165, 250, .08);--color-accent-glow: rgba(96, 165, 250, .2);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.563rem;--text-xl: 1.953rem;--text-2xl: 2.441rem;--text-3xl: 3.052rem;--text-4xl: 3.815rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--max-width: 680px;--max-width-wide: 960px;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-kerning:normal;font-variant-ligatures:common-ligatures;background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-6)}.section-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:.02em;margin-bottom:var(--space-8);text-transform:lowercase}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-bg);background:var(--color-accent);padding:var(--space-3) var(--space-6);border:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-out);text-decoration:none;letter-spacing:.01em}.btn-primary:hover{background:var(--color-accent-hover);transform:scale(1.02);color:var(--color-bg);text-decoration:none}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;padding:var(--space-3) var(--space-6);border:1px solid var(--color-border);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);text-decoration:none;letter-spacing:.01em}.btn-secondary:hover{color:var(--color-text);border-color:var(--color-border-hover);text-decoration:none}.topic-grid{display:grid;grid-template-columns:1fr;gap:var(--space-1)}@media(min-width:640px){.topic-grid{grid-template-columns:1fr 1fr}}@media(min-width:960px){.topic-grid{grid-template-columns:1fr 1fr 1fr}}.topic{display:block;padding:var(--space-6);border:1px solid transparent;transition:border-color var(--duration-normal) var(--ease-out);color:inherit;text-decoration:none}.topic:hover{color:inherit;border-color:var(--color-border)}.topic-num{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);display:block;margin-bottom:var(--space-3)}.topic h3{font-family:var(--font-mono);font-size:var(--text-md);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2);line-height:1.3}.topic p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;max-width:40ch}.subscribe-form{display:flex;gap:var(--space-2);max-width:420px}.subscribe-form input[type=email]{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);transition:border-color var(--duration-fast) var(--ease-out)}.subscribe-form input[type=email]::placeholder{color:var(--color-text-tertiary)}.subscribe-form input[type=email]:focus{border-color:var(--color-accent);outline:none}.subscribe-form button{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-bg);background:var(--color-accent);border:none;padding:var(--space-3) var(--space-6);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring);white-space:nowrap}.subscribe-form button:hover{background:var(--color-accent-hover);transform:scale(1.02)}@media(max-width:480px){.subscribe-form{flex-direction:column}}.section-hero{padding:var(--space-32) 0 var(--space-24);position:relative}.section-hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse,var(--color-accent-dim) 0%,transparent 70%);pointer-events:none;opacity:.6}.section-topics{padding:var(--space-24) 0;border-top:1px solid var(--color-border)}.section-subscribe{padding:var(--space-24) 0;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section-cta{padding:var(--space-24) 0;text-align:center}.section-about{padding:var(--space-24) 0;border-top:1px solid var(--color-border)}.post-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.post-item{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.post-item:first-child{padding-top:0}.post-item a{color:var(--color-text);font-weight:500;font-size:1.125rem;display:block;margin-bottom:var(--space-1);transition:color var(--duration-fast) var(--ease-out)}.post-item a:hover{color:var(--color-accent)}.post-item .post-desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-2);max-width:55ch;line-height:1.5}.post-item time{color:var(--color-text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono)}.site-footer{padding:var(--space-12) 0;border-top:1px solid var(--color-border)}.site-footer .footer-inner{display:flex;justify-content:space-between;align-items:center}.site-footer p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary)}.site-footer a{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.site-footer a:hover{color:var(--color-accent)}@media(prefers-reduced-motion:no-preference){.fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .6s var(--ease-out) forwards}.fade-up-1{animation-delay:.1s}.fade-up-2{animation-delay:.2s}.fade-up-3{animation-delay:.3s}.fade-up-4{animation-delay:.4s}.fade-up-5{animation-delay:.5s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}}.prose h1{font-size:var(--text-2xl);font-weight:700;margin:var(--space-8) 0 var(--space-4);line-height:1.2}.prose h2{font-size:var(--text-lg);font-weight:600;margin:var(--space-8) 0 var(--space-3);line-height:1.3}.prose h3{font-size:var(--text-md);font-weight:600;margin:var(--space-6) 0 var(--space-2);line-height:1.4}.prose p{margin:0 0 var(--space-4);max-width:65ch}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.prose li{margin:0 0 var(--space-2)}.prose li p{margin:0}.prose strong{color:var(--color-text);font-weight:600}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);color:var(--color-text-secondary);margin:var(--space-6) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.prose table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.prose thead th{font-family:var(--font-mono);font-weight:600;font-size:var(--text-xs);color:var(--color-accent);text-align:left;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-border-hover);white-space:nowrap}.prose tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.prose tbody tr:hover{background:var(--color-accent-dim)}.prose tbody tr:hover td{color:var(--color-text)}code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface-raised);padding:.15em .4em;border-radius:3px}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-6);overflow-x:auto;line-height:1.7;margin:var(--space-6) 0}pre code{background:none;padding:0}.site-header{border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.site-header nav{display:flex;justify-content:space-between;align-items:center}.site-header .site-name{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);color:var(--color-text);text-decoration:none}.site-header .site-name:hover{color:var(--color-accent)}.site-header .nav-links{display:flex;gap:var(--space-6)}.site-header .nav-links a{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.site-header .nav-links a:hover,.site-header .nav-links a.active{color:var(--color-accent)}