:root{--bg: #070708;--surface: #0c0c0f;--surface-raised: #12121a;--surface-hover: #18181f;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--ink: #ececec;--ink-muted: #9ca3af;--ink-faint: #6b7280;--accent: #38bdf8;--accent-strong: #7dd3fc;--accent-soft: rgba(56, 189, 248, .1);--accent-glow: rgba(56, 189, 248, .25);--code-green: #4ade80;--code-purple: #c084fc;--code-yellow: #facc15;--radius: 10px;--radius-lg: 14px}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;margin:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% -30%,rgba(56,189,248,.08),transparent 60%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}#root{position:relative;z-index:1}.font-display{font-family:Inter,system-ui,sans-serif;font-weight:600;letter-spacing:-.03em}.font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.text-ink{color:var(--ink)}.text-ink-muted{color:var(--ink-muted)}.text-ink-faint{color:var(--ink-faint)}.text-accent{color:var(--accent)}.bg-surface{background-color:var(--surface)}.bg-surface-raised{background-color:var(--surface-raised)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-accent{background-color:var(--accent)}.text-code-green{color:var(--code-green)}.site-container{width:100%;max-width:none;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,4.5rem)}.page-shell{padding-top:6rem;padding-bottom:5rem}.section-label{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;color:var(--accent);letter-spacing:.02em}.section-label:before{content:"// ";color:var(--ink-faint)}.dev-path{display:inline-flex;align-items:center;gap:0;padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);font-family:JetBrains Mono,monospace;font-size:.8125rem}.text-gradient{color:var(--accent-strong)}.surface-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.surface-card:hover{border-color:#38bdf840;box-shadow:0 0 0 1px #38bdf814}.tag-pill{display:inline-flex;padding:.3rem .65rem;font-family:JetBrains Mono,monospace;font-size:.6875rem;color:var(--ink-muted);border:1px solid var(--border);border-radius:6px;background:var(--surface)}.tag-pill:hover{color:var(--accent-strong);border-color:#38bdf84d}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}@media(min-width:768px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:1.5rem;background:var(--surface);transition:background .2s}.stat-card:hover{background:var(--surface-raised)}.stat-card:hover .stat-value{color:var(--accent-strong)}.nav-scrolled{background:#070708d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.15rem;font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:500;color:var(--bg);background:var(--accent);border:1px solid var(--accent);border-radius:8px;transition:background .15s,box-shadow .15s}.btn-primary:hover{background:var(--accent-strong);box-shadow:0 0 24px var(--accent-glow)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.15rem;font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--border-strong);border-radius:8px;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent-strong)}.btn-ghost{display:inline-flex;align-items:center;padding:.6rem 1rem;font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--ink-muted);border-radius:8px;transition:color .15s}.btn-ghost:hover{color:var(--accent-strong)}.contact-panel,.cta-panel,.bio-panel{padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}@media(min-width:640px){.contact-panel,.cta-panel,.bio-panel{padding:2.5rem}}@media(min-width:768px){.cta-panel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}}.contact-link-card{display:block;padding:1.15rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);transition:border-color .15s}.contact-link-card:hover{border-color:#38bdf859}.social-link{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--ink-muted);transition:color .15s}.social-link:hover{color:var(--accent-strong)}.project-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-card{display:flex;flex-direction:column;padding:0;min-height:100%;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#38bdf84d;transform:translateY(-2px)}.project-card-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1}.explore-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.explore-grid{grid-template-columns:repeat(3,1fr)}}.explore-card{display:flex;flex-direction:column;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);font-family:JetBrains Mono,monospace;transition:border-color .2s,background .2s}.explore-card:hover{border-color:#38bdf84d;background:var(--surface-raised)}.explore-cmd{font-size:.75rem;color:var(--accent);margin-bottom:1rem}.explore-cmd:before{content:"$ ";color:var(--ink-faint)}.explore-title{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;color:var(--ink);margin-bottom:.5rem}.explore-desc{font-family:Inter,sans-serif;font-size:.875rem;color:var(--ink-muted);line-height:1.5;flex:1}.explore-arrow{margin-top:1.25rem;font-size:.75rem;color:var(--accent-strong)}.tech-chip{font-family:JetBrains Mono,monospace;font-size:.6875rem;color:var(--ink-muted);padding:.2rem .5rem;border-radius:4px;border:1px solid var(--border);background:var(--bg)}.highlight-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:2rem;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}@media(min-width:640px){.highlight-row{grid-template-columns:repeat(4,1fr)}}.highlight-item{padding:1.25rem;background:var(--bg)}.highlight-item .stat-value{font-family:JetBrains Mono,monospace;font-size:1.5rem;color:var(--accent-strong)}.footer-link{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--ink-muted);transition:color .15s}.footer-link:hover{color:var(--accent-strong)}.hero-shell{width:100%;gap:clamp(2rem,4vw,4rem)}@media(min-width:1024px){.hero-shell{align-items:stretch;justify-content:space-between}}.hero-badges{margin-bottom:.5rem}.hero-badges-row{display:flex;flex-wrap:wrap;gap:.75rem}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.65rem .9rem;min-width:0;flex:1 1 160px;max-width:220px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:border-color .2s,background .2s,transform .2s;text-decoration:none}.hero-badge:hover{border-color:#38bdf859;background:var(--surface-raised);transform:translateY(-1px)}.hero-badge-logo{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:8px;background:var(--bg);border:1px solid var(--border);padding:.35rem}.hero-badge-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.hero-badge-title{font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-badge-sub{font-family:JetBrains Mono,monospace;font-size:.625rem;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:1280px){.hero-badges-row{flex-wrap:nowrap}.hero-badge{flex:1 1 0;max-width:none}}.hero-photo-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:var(--surface)}.hero-photo{width:100%;display:block;aspect-ratio:1;object-fit:cover}.code-window,.terminal-window{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.code-window-bar,.terminal-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg)}.code-dot,.terminal-dot{width:10px;height:10px;border-radius:50%}.code-dot:nth-child(1),.terminal-dot:nth-child(1){background:#ef4444;opacity:.7}.code-dot:nth-child(2),.terminal-dot:nth-child(2){background:#eab308;opacity:.7}.code-dot:nth-child(3),.terminal-dot:nth-child(3){background:#22c55e;opacity:.7}.code-filename{margin-left:.5rem;font-family:JetBrains Mono,monospace;font-size:.6875rem;color:var(--ink-faint)}.code-body{padding:1rem 1.25rem;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.7;color:var(--ink-muted);overflow-x:auto}.code-kw{color:var(--code-purple)}.code-fn{color:var(--code-yellow)}.code-str{color:var(--code-green)}.code-key{color:var(--accent-strong)}.code-dim{color:var(--ink-faint)}.dev-prompt{font-family:JetBrains Mono,monospace;font-size:.875rem}.dev-prompt-line{color:var(--ink-muted);margin-top:.35rem;font-size:.8125rem}.cursor-blink:after{content:"▋";color:var(--accent);animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.nav-dev{display:flex;align-items:center;gap:.25rem;padding:.35rem .75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;border-radius:6px;transition:color .15s,background .15s}.nav-dev-active{color:var(--accent-strong);background:var(--accent-soft)}.nav-dev-idle{color:var(--ink-muted)}.nav-dev-idle:hover{color:var(--ink);background:#ffffff0a}::selection{background:#38bdf84d;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-raised);border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.reveal-hidden{opacity:0;transform:translateY(20px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}