:root{--font-heading: "Newsreader", Georgia, serif;--font-body: "Plus Jakarta Sans", -apple-system, sans-serif;--bg-color: #fafafa;--text-color: #0a0a0b;--text-secondary: #64748b;--accent-color: #d97706;--accent-hover: #b45309;--border-color: rgba(0, 0, 0, .1);--card-bg: rgba(0, 0, 0, .02);--noise-opacity: .02;--grid-opacity: .02;--grid-line-color: rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .65vw, 1.375rem);--text-xl: clamp(1.25rem, 1.1rem + 1vw, 1.75rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--text-3xl: clamp(1.875rem, 1.4rem + 2.5vw, 3rem);--text-4xl: clamp(2.25rem, 1.5rem + 3vw, 4rem);--text-5xl: clamp(3rem, 2rem + 4vw, 5.5rem);--text-hero: clamp(3.5rem, 2.5rem + 5vw, 7rem)}[data-theme=dark]{--bg-color: #0a0a0b;--text-color: #f8fafc;--text-secondary: #94a3b8;--accent-color: #f59e0b;--accent-hover: #d97706;--border-color: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .03);--noise-opacity: .03;--grid-opacity: .05;--grid-line-color: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-body);line-height:1.6;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-body);font-size:var(--text-base);background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:var(--noise-opacity);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}@supports not (background-image: url(data:image/svg+xml,%3Csvg%3E%3C/svg%3E)){body:before{background-image:none}}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-family:var(--font-heading);line-height:1.2;letter-spacing:-.02em;color:var(--text-color)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin:0 0 1rem;color:var(--text-secondary)}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.prose{max-width:75ch;margin:0 auto;font-size:var(--text-lg);line-height:1.8}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--text-color);margin-top:3rem;margin-bottom:1rem}.prose h2{font-size:var(--text-2xl)}.prose h3{font-size:var(--text-xl)}.prose p{margin-bottom:1.5rem}.prose img{max-width:100%;height:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.prose pre{background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;overflow-x:auto;margin:2rem 0}.prose code{font-family:JetBrains Mono,monospace;font-size:.9em;background:#0000000d;padding:.2em .4em;border-radius:var(--radius-sm)}[data-theme=dark] .prose code{background:#ffffff0d}.prose pre code{background:none;padding:0}.prose blockquote{border-left:2px solid var(--accent-color);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-secondary)}.btn{display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase;font-weight:600;padding:.75rem 1.5rem;border:1px solid var(--border-color);border-bottom:2px solid rgba(0,0,0,.3);background:transparent;color:var(--text-color);cursor:pointer;text-decoration:none;transition:transform .1s ease,border-color .2s ease,background-color .2s ease}.btn:hover{border-color:var(--accent-color);background:#d977061a;color:var(--text-color)}[data-theme=dark] .btn:hover{background:#f59e0b1a}.btn:active{transform:translateY(2px);border-bottom-width:0}.btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.card{background:var(--card-bg);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;box-shadow:none;transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);border-color:var(--accent-color)}.card:active{transform:translateY(0)}.link-brutalist{position:relative;text-decoration:none;color:var(--text-color);font-weight:500}.link-brutalist:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--accent-color);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.16,1,.3,1)}.link-brutalist:hover:after{transform:scaleX(1);transform-origin:left}.link-brutalist:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);background:#00000008;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);padding:.75rem 1rem;transition:border-color .2s ease}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#ffffff08}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color)}.grid{display:grid;gap:2rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.loading{opacity:.7;pointer-events:none;transition:opacity .3s ease}@keyframes reveal-up{0%{opacity:0;transform:translateY(30px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-reveal{animation:reveal-up .6s cubic-bezier(.16,1,.3,1) both}.reveal-stagger>*{opacity:0}.reveal-stagger.is-visible>*{animation:reveal-up .6s cubic-bezier(.16,1,.3,1) both}.reveal-stagger.is-visible>*:nth-child(1){animation-delay:0ms}.reveal-stagger.is-visible>*:nth-child(2){animation-delay:.1s}.reveal-stagger.is-visible>*:nth-child(3){animation-delay:.2s}.reveal-stagger.is-visible>*:nth-child(4){animation-delay:.3s}.reveal-stagger.is-visible>*:nth-child(5){animation-delay:.4s}.reveal-stagger.is-visible>*:nth-child(6){animation-delay:.5s}.reveal-stagger.is-visible>*:nth-child(n+7){animation-delay:.6s}@media (prefers-reduced-motion: reduce){.animate-reveal,.reveal-stagger>*,.reveal-stagger.is-visible>*{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}
