:root{--color-bg: #0a0a0b;--color-bg-elevated: #121214;--color-bg-subtle: #1a1a1c;--color-fg: #fafafa;--color-fg-muted: #a1a1aa;--color-fg-subtle: #71717a;--color-border: #27272a;--color-border-strong: #3f3f46;--color-accent: #22d3ee;--color-accent-dim: #0891b2;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-bg-light: #fafaf9;--color-bg-elevated-light: #ffffff;--color-bg-subtle-light: #f5f5f4;--color-fg-light: #1c1917;--color-fg-muted-light: #57534e;--color-fg-subtle-light: #78716c;--color-border-light: #e7e5e4;--color-border-strong-light: #d6d3d1;--color-accent-light: #0891b2;--color-accent-dim-light: #0e7490;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--content-width: 720px;--wide-width: 1100px}[data-theme=light]{--color-bg: var(--color-bg-light);--color-bg-elevated: var(--color-bg-elevated-light);--color-bg-subtle: var(--color-bg-subtle-light);--color-fg: var(--color-fg-light);--color-fg-muted: var(--color-fg-muted-light);--color-fg-subtle: var(--color-fg-subtle-light);--color-border: var(--color-border-light);--color-border-strong: var(--color-border-strong-light);--color-accent: var(--color-accent-light);--color-accent-dim: var(--color-accent-dim-light)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.reveal{opacity:0;transform:translateY(20px);animation:reveal .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-fg);line-height:1.6;font-size:1rem;font-weight:450}::selection{background:var(--color-accent-dim);color:var(--color-bg)}h1,h2,h3,h4{font-weight:500;line-height:1.2;color:var(--color-fg);letter-spacing:-.03em}h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--space-lg);font-weight:600}h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:var(--space-3xl);margin-bottom:var(--space-md)}h3{font-size:1.25rem;margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-weight:500}p{margin-bottom:var(--space-md);color:var(--color-fg-muted)}a{color:var(--color-fg);text-decoration:none;border-bottom:1px solid var(--color-border-strong);transition:all .2s ease}a:hover{color:var(--color-accent);border-color:var(--color-accent)}.container{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-lg)}.container-wide{max-width:var(--wide-width);margin:0 auto;padding:0 var(--space-lg)}nav{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2xl);position:sticky;top:0;background:#0a0a0bcc;backdrop-filter:blur(12px);z-index:100}nav .container-wide{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-mono);font-size:.9375rem;font-weight:500;color:var(--color-fg);text-decoration:none;border-bottom:none;letter-spacing:-.02em}.logo:hover{color:var(--color-accent);border-bottom:none}.nav-links{display:flex;gap:var(--space-xl);list-style:none;font-size:.875rem}.nav-links a{color:var(--color-fg-muted);text-decoration:none;border-bottom:none;position:relative;transition:all .2s ease}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-accent);transition:width .2s ease;box-shadow:0 0 10px var(--color-accent)}.nav-links a:hover{color:var(--color-accent);text-shadow:0 0 20px rgba(34,211,238,.3);border-bottom:none}.nav-links a:hover:after{width:100%}.nav-links a[aria-current=page]{color:var(--color-fg)}.nav-links a[aria-current=page]:after{width:100%}.theme-toggle{background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:.5rem;cursor:pointer;color:var(--color-fg-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,[data-theme=light] .theme-toggle .sun-icon{display:block}[data-theme=light] .theme-toggle .moon-icon{display:none}.hero{padding:var(--space-4xl) 0 var(--space-2xl)}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;margin-bottom:var(--space-lg);max-width:900px;background:linear-gradient(135deg,var(--color-fg) 0%,var(--color-accent) 50%,var(--color-fg-muted) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.375rem);color:var(--color-fg-muted);max-width:600px;margin-bottom:var(--space-xs);line-height:1.5}.hero-tagline{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-xl);position:relative;display:inline-block}.hero-tagline:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:2px;height:1em;background:var(--color-accent);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.cta-group{display:flex;gap:var(--space-xl);flex-wrap:wrap;margin-top:var(--space-xl)}.cta{font-size:.9375rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;position:relative;padding:.5rem 0}.cta:before{content:"→";transition:transform .3s cubic-bezier(.4,0,.2,1)}.cta:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-accent);transition:width .3s ease}.cta:hover:before{transform:translate(8px)}.cta:hover:after{width:100%}.cta:hover{color:var(--color-accent)}.section-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:.5rem}.section-label:before{content:">";color:var(--color-accent);font-weight:700}.now-preview{margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border)}.focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.focus-item{padding:var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.focus-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,211,238,.03),transparent);transition:left .5s ease}.focus-item:hover:before{left:100%}.focus-item:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 10px 40px -10px #00000080}.focus-item h3{font-size:1rem;margin-top:0;margin-bottom:var(--space-xs);color:var(--color-fg)}.focus-item p{font-size:.9375rem;margin:0}.notes-list{margin:var(--space-2xl) 0}.note-item{padding:var(--space-xl) 0;border-bottom:1px solid var(--color-border);transition:opacity .2s ease}.note-item:hover{opacity:.8}.note-item:first-child{padding-top:0}.note-meta{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-fg-subtle);margin-bottom:var(--space-xs)}.note-item h2{font-size:1.375rem;margin:0 0 var(--space-xs);font-weight:500}.note-item h2 a{border-bottom:none}.note-item h2 a:hover{border-bottom:1px solid var(--color-accent)}.note-excerpt{font-size:.9375rem;margin:0}.note-tags{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.tag{font-family:var(--font-mono);font-size:.75rem;color:var(--color-fg-subtle);text-transform:uppercase;letter-spacing:.05em}article{max-width:var(--content-width);margin:0 auto}article header{margin-bottom:var(--space-3xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}article h1{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--space-md)}article h2{margin-top:var(--space-3xl);font-size:1.5rem}article h3{margin-top:var(--space-2xl);font-size:1.25rem}article p{margin-bottom:var(--space-md);font-size:1.0625rem;line-height:1.7}article ul,article ol{margin:var(--space-md) 0 var(--space-lg) var(--space-lg);color:var(--color-fg-muted)}article li{margin-bottom:var(--space-sm)}article blockquote{margin:var(--space-2xl) 0;padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border-left:2px solid var(--color-accent);font-style:normal}article blockquote p{color:var(--color-fg-muted);margin:0}.page-content{padding-bottom:var(--space-4xl)}.page-content h1{margin-bottom:var(--space-xl)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.project-card{padding:var(--space-xl);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.project-card:after{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,var(--color-accent),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.project-card:hover:after{opacity:1}.project-card:hover{border-color:var(--color-accent);transform:translateY(-4px) scale(1.01);box-shadow:0 20px 60px -20px #22d3ee26}.project-card h3{font-size:1.125rem;margin:0 0 var(--space-xs);color:var(--color-fg)}.project-card p{font-size:.9375rem;margin:0 0 var(--space-sm)}.project-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--color-fg-subtle);text-transform:uppercase;letter-spacing:.05em}.project-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:var(--space-md);font-size:.875rem}.project-link:after{content:"→";transition:transform .2s ease}.project-link:hover:after{transform:translate(4px)}.now-section{margin:var(--space-2xl) 0;padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.now-section:last-child{border-bottom:none}.now-section h2{margin-top:0;font-size:1.375rem;margin-bottom:var(--space-sm)}.now-list{list-style:none;margin:var(--space-md) 0}.now-list li{padding:var(--space-xs) 0;color:var(--color-fg-muted);position:relative;padding-left:var(--space-md)}.now-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--color-accent);border-radius:50%}.best-fit{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px}.best-fit h4{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-subtle);margin-bottom:var(--space-sm)}.last-updated{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-fg-subtle);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.contact-qualifier{background:var(--color-bg-elevated);padding:var(--space-xl);margin:var(--space-xl) 0;border:1px solid var(--color-border);border-radius:8px}.contact-qualifier h3{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-subtle);margin-bottom:var(--space-md)}.contact-qualifier ul{list-style:none;margin:0}.contact-qualifier li{padding:var(--space-xs) 0;color:var(--color-fg-muted);position:relative;padding-left:var(--space-md)}.contact-qualifier li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--color-accent);border-radius:50%}.article-subscribe{margin:var(--space-3xl) 0;padding:var(--space-xl);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;text-align:center}.article-subscribe h4{font-family:var(--font-sans);font-size:1rem;font-weight:600;margin:0 0 var(--space-sm)}.article-subscribe p{font-size:.875rem;color:var(--color-fg-muted);margin:0 0 var(--space-md)}.article-subscribe form{display:flex;gap:var(--space-sm);justify-content:center;max-width:400px;margin:0 auto}.article-subscribe input{flex:1;padding:.75rem 1rem;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-bg);color:var(--color-fg);font-size:.9375rem}.article-subscribe button{padding:.75rem 1.5rem;background:var(--color-fg);color:var(--color-bg);border:none;border-radius:6px;font-weight:500;cursor:pointer}.article-subscribe .note{font-size:.8125rem;color:var(--color-fg-subtle);margin-top:var(--space-sm)}@media(max-width:500px){.article-subscribe form{flex-direction:column}}footer{margin-top:var(--space-4xl);padding:var(--space-2xl) 0;border-top:1px solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-section h4{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-subtle);margin-bottom:var(--space-md)}.footer-section p{font-size:.9375rem;color:var(--color-fg-muted);margin:0}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--space-xs)}.footer-section a{font-size:.875rem;color:var(--color-fg-muted);text-decoration:none;border-bottom:none}.footer-section a:hover{color:var(--color-fg);border-bottom:1px solid var(--color-accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.75rem;color:var(--color-fg-subtle)}.text-lead{font-size:1.25rem;color:var(--color-fg-muted);line-height:1.5}.text-subtle{color:var(--color-fg-subtle)}.status{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-subtle)}.status:before{content:"";width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.custom-cursor{width:20px;height:20px;border:2px solid var(--color-accent);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:width .2s ease,height .2s ease,border-width .2s ease;mix-blend-mode:difference;opacity:.8}.custom-cursor.hovering{width:40px;height:40px;border-width:1px;background:#22d3ee1a}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dim));z-index:1001;transition:width .1s ease}.magnetic{transition:transform .3s cubic-bezier(.4,0,.2,1)}.scramble-text{display:inline-block}.terminal-prompt:before{content:"$ ";color:var(--color-accent);font-family:var(--font-mono)}.status-bar{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding:.5rem 1rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-fg-subtle);display:flex;justify-content:space-between;align-items:center;z-index:100}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.03;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")}.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 1px);background-size:50px 50px}.reveal-section{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal-section.visible{opacity:1;transform:translateY(0)}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch:hover{animation:glitch .3s cubic-bezier(.4,0,.2,1)}@media(max-width:640px){.nav-links{gap:var(--space-md);font-size:.8125rem}.projects-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-xs);text-align:center}.custom-cursor{display:none}.status-bar{font-size:.625rem}}