@import"https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap";:root{color-scheme:light;--bg: #f4f6fb;--bg-2: rgba(219, 228, 245, .5);--surface: #ffffff;--surface-2: #f7f9fe;--border: #e4e9f3;--border-strong: #ccd5e8;--text: #0c1424;--muted: #55607a;--faint: #626d85;--accent: #2f4bd8;--accent-ink: #ffffff;--accent-soft: rgba(47, 75, 216, .09);--accent-line: rgba(47, 75, 216, .28);--signal: #0a7d6d;--danger: #d0453f;--warm: #e08a00;--warm-2: #f7b733;--warm-soft: rgba(224, 138, 0, .14);--shadow-sm: 0 1px 2px rgba(12, 20, 36, .05);--shadow-md: 0 10px 30px rgba(12, 20, 36, .09);--shadow-lg: 0 24px 60px rgba(12, 20, 36, .16);--scrim: rgba(244, 246, 251, .72);--glass: rgba(255, 255, 255, .82);--net-node: rgba(47, 75, 216, .5);--net-link: rgba(47, 75, 216, .16);--net-pulse: rgba(10, 125, 109, .8);--sans: "Inter", system-ui, -apple-system, sans-serif;--display: "Sora", var(--sans);--mono: "JetBrains Mono", ui-monospace, monospace;--maxw: 1080px;--radius: 16px}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1220;--bg-2: rgba(255, 255, 255, .028);--surface: #171d2e;--surface-2: #1e2540;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .19);--text: #eef2fb;--muted: #a3aec6;--faint: #8390aa;--accent: #8b9bff;--accent-ink: #0b1024;--accent-soft: rgba(139, 155, 255, .14);--accent-line: rgba(139, 155, 255, .34);--signal: #2ed3b7;--danger: #ff6b6b;--warm: #ffc24b;--warm-2: #fff0c2;--warm-soft: rgba(255, 194, 75, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .6);--scrim: rgba(14, 18, 32, .72);--glass: rgba(23, 29, 46, .86);--net-node: rgba(139, 155, 255, .55);--net-link: rgba(139, 155, 255, .17);--net-pulse: rgba(46, 211, 183, .9)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}section[id]{scroll-margin-top:84px}.neural{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transition:opacity .4s ease}main,.footer{position:relative;z-index:1}html.is-playing .neural{opacity:.28}.btn{font-family:var(--sans);font-weight:600;font-size:15px;border:1px solid var(--border-strong);border-radius:10px;padding:11px 18px;cursor:pointer;color:var(--text);background:var(--surface);display:inline-flex;align-items:center;gap:8px;transition:transform .08s ease,background .15s,border-color .15s,box-shadow .15s;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-1px);text-decoration:none;box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-sm{padding:8px 13px;font-size:13.5px}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:var(--surface)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:var(--shadow-sm)}.btn-coin{font-size:11px;line-height:1;color:var(--warm)}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--scrim);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}.nav-scrolled{border-color:var(--border);background:var(--glass)}.nav-brand{display:flex;align-items:center;gap:11px;color:var(--text)}.nav-brand:hover{text-decoration:none}.nav-monogram{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-family:var(--display);font-weight:700;font-size:15px;color:var(--accent-ink);background:var(--accent)}.nav-brand-text{display:flex;flex-direction:column;font-family:var(--display);font-weight:600;line-height:1.15}.nav-brand-text small{color:var(--muted);font-family:var(--sans);font-weight:500;font-size:11.5px}.nav-links{display:flex;gap:22px;margin-left:auto}.nav-links a{color:var(--muted);font-weight:500;font-size:14.5px}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-actions{display:flex;gap:10px;align-items:center}.theme-toggle{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);cursor:pointer;font-size:15px;line-height:1;transition:color .15s,border-color .15s}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.hero{position:relative;padding:86px 0 64px}.hero-inner{position:relative}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted);border:1px solid var(--border);background:var(--surface);padding:7px 14px;border-radius:999px;margin:0 0 22px;box-shadow:var(--shadow-sm)}.hero-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 22%,transparent)}.hero-name{font-family:var(--display);font-weight:700;font-size:clamp(40px,8vw,76px);line-height:1.02;margin:0 0 14px;letter-spacing:-.03em;color:var(--text)}.hero-role{font-family:var(--display);font-size:clamp(18px,3vw,24px);font-weight:600;margin:0 0 18px}.hero-sep{color:var(--accent)}.hero-tagline{color:var(--muted)}.hero-blurb{max-width:640px;font-size:17px;color:var(--muted);margin:0 0 28px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:44px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--shadow-sm)}.stat-value{font-family:var(--display);font-size:30px;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-weight:600;font-size:14px}.stat-detail{font-size:12.5px;color:var(--muted)}.section{padding:72px 0;position:relative}.section-alt{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-header{margin-bottom:36px}.section-kicker{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--accent);margin-bottom:12px}.section-index{color:var(--faint)}.section-line{width:38px;height:1px;background:var(--accent-line)}.section-title{font-family:var(--display);font-size:clamp(28px,5vw,40px);font-weight:700;margin:0;letter-spacing:-.03em}.section-subtitle{color:var(--muted);margin:10px 0 0;max-width:620px;font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{font-size:12.5px;font-weight:500;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;color:var(--muted)}.track{list-style:none;margin:0;padding:0}.track-row{display:grid;grid-template-columns:148px 22px 1fr auto;align-items:baseline;gap:0 18px;padding:20px 0;border-top:1px solid var(--border)}.track-row:last-child{border-bottom:1px solid var(--border)}.track-period{font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--muted);white-space:nowrap}.is-now .track-period{color:var(--accent)}.track-rail{position:relative;align-self:stretch;display:flex;justify-content:center}.track-rail:before{content:"";position:absolute;top:-20px;bottom:-20px;left:50%;width:1px;transform:translate(-50%);background:var(--border-strong)}.track-row:first-child .track-rail:before{top:4px}.track-row:last-child .track-rail:before{bottom:4px}.track-node{position:relative;z-index:1;width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--bg);border:2px solid var(--faint)}.is-now .track-node{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.track-body{display:flex;flex-direction:column;gap:4px;min-width:0}.track-company{font-family:var(--display);font-weight:700;font-size:clamp(22px,3.4vw,30px);letter-spacing:-.03em;line-height:1.05;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.track-now{font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);border:1px solid color-mix(in srgb,var(--signal) 45%,transparent);background:color-mix(in srgb,var(--signal) 12%,transparent);padding:2px 7px;border-radius:4px}.track-meta{color:var(--muted);font-size:14.5px}.track-dot{color:var(--faint)}.track-domain{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);white-space:nowrap}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);transition:border-color .15s,transform .12s,box-shadow .15s}.cap:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cap-featured{grid-column:span 2;border-color:var(--accent-line);background:linear-gradient(135deg,var(--accent-soft),var(--surface) 60%)}.cap-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0}.cap-statement{font-family:var(--display);font-weight:500;font-size:17px;line-height:1.45;color:var(--text);margin:0}.cap-featured .cap-statement{font-size:19.5px;max-width:62ch}.cap .chips{margin-top:4px}.proj-grid{display:flex;flex-direction:column;gap:22px}.proj-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .12s,border-color .15s,box-shadow .15s}.proj-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.proj-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px}.proj-name{font-family:var(--display);font-size:21px;font-weight:700;margin:0;letter-spacing:-.02em}.proj-tag{color:var(--accent);font-size:13.5px;margin:3px 0 0}.proj-gh{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:999px;padding:6px 12px;white-space:nowrap}.proj-gh:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;transform:translateY(-1px)}.proj-gh-ico{font-family:var(--mono);color:var(--accent);font-size:12px}.proj-bullets{margin:0 0 4px;padding-left:18px;flex:1}.proj-bullets li{margin-bottom:8px;font-size:14.5px;color:var(--muted)}.proj-bullets li::marker{color:var(--accent-line)}.proj-foot{text-align:center;margin-top:26px;color:var(--muted)}.hobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hobby-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-sm);transition:transform .12s,border-color .15s,box-shadow .15s}.hobby-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.hobby-top{border-bottom:1px solid var(--border);padding-bottom:16px}.hobby-name{font-family:var(--display);font-size:22px;font-weight:700;margin:0;letter-spacing:-.02em}.hobby-desc{color:var(--muted);font-size:14.5px;line-height:1.55;margin:8px 0 0}.hobby-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hobby-block{display:flex;flex-direction:column;gap:8px}.hobby-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.hobby-points{margin:0;padding-left:18px}.hobby-points li{margin-bottom:6px;font-size:13.5px;color:var(--muted)}.hobby-points li::marker{color:var(--accent-line)}.chip-ghost{background:transparent;border-style:dashed}.contact-card{background:linear-gradient(135deg,var(--accent-soft),var(--surface) 55%);border:1px solid var(--accent-line);border-radius:20px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;box-shadow:var(--shadow-sm)}.contact-text h3{font-family:var(--display);font-size:26px;margin:0 0 10px;letter-spacing:-.02em}.contact-text p{color:var(--muted);margin:0;max-width:360px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-link{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 15px;color:var(--text)}.contact-link:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.contact-ico{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-family:var(--mono);font-size:14px;font-weight:600}.contact-link strong{display:block;font-size:14.5px}.contact-link small{color:var(--muted);font-size:12.5px}.footer{border-top:1px solid var(--border);padding:26px 0;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:13.5px}.footer-mid{color:var(--faint)}.footer-link{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0}.footer-links{display:flex;gap:16px}.run-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:35}html.is-playing{scroll-behavior:auto}.is-reached .section-title,.is-reached .hero-name{animation:reached .7s ease}@keyframes reached{0%{color:var(--text)}35%{color:var(--warm)}to{color:var(--text)}}.run-hud{position:fixed;top:74px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:7px 8px 7px 14px;background:var(--glass);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.run-lives{display:flex;gap:3px;font-size:13px;line-height:1}.run-lives i{color:var(--border-strong);font-style:normal;transition:color .2s}.run-lives i.is-lit{color:var(--danger)}.run-tally{font-family:var(--mono);font-size:13px;color:var(--text);display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.run-tally b{font-size:11px}.run-tally .is-coin{color:var(--warm)}.run-tally .is-bug{color:var(--danger)}.run-hud-divider{width:1px;height:16px;background:var(--border)}.run-hud-count{font-family:var(--mono);font-size:13px;color:var(--muted)}.run-hud-count b{color:var(--warm);font-size:16px}.run-hud-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.run-hud-exit{font-family:var(--mono);font-size:11px;letter-spacing:.06em;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--muted);border-radius:999px;padding:5px 11px;cursor:pointer}.run-hud-exit:hover{color:var(--text);border-color:var(--accent)}.run-toast{position:fixed;top:124px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:11px 18px 11px 14px;background:var(--glass);border:1px solid var(--warm);border-radius:12px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toast-in .24s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.run-toast-star{font-size:20px;color:var(--warm)}.run-toast b{display:block;font-family:var(--display);font-size:15px}.run-toast small{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.run-keys{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:60;margin:0;font-size:12px;color:var(--muted);background:var(--glass);border:1px solid var(--border);border-radius:999px;padding:7px 16px;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.run-keys b{font-family:var(--mono);color:var(--accent);font-weight:600}.run-done{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:20px;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.run-confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.run-done-card{position:relative;z-index:1;max-width:420px;text-align:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:20px;padding:30px 32px 26px;box-shadow:var(--shadow-lg);animation:toast-in .28s ease}.run-done-kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--warm);margin:0 0 10px}.run-done-title{font-family:var(--display);font-size:24px;margin:0 0 10px;letter-spacing:-.02em}.run-done-sub{color:var(--muted);font-size:14.5px;margin:0 0 20px}.run-score{display:flex;justify-content:center;gap:10px;margin:4px 0 18px}.run-score span{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.run-score b{font-family:var(--mono);font-size:20px;color:var(--warm);line-height:1}.run-score small{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);text-align:center}.run-done-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.run-pad{display:none}.run-key{display:grid;place-items:center;font-family:var(--mono);font-size:15px;color:var(--muted);background:var(--glass);border:1px solid var(--border-strong);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.run-key:active{background:var(--warm-soft);color:var(--warm);border-color:var(--warm)}@media (pointer: coarse){.run-pad{position:fixed;inset:auto 0 0 0;z-index:60;display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px calc(16px + env(safe-area-inset-bottom));pointer-events:none}.run-pad-move{display:flex;gap:10px;pointer-events:auto}.run-pad .run-key{width:68px;height:62px;pointer-events:auto}.run-pad .run-key-jump{width:96px;height:76px;font-size:12px;letter-spacing:.14em}.run-keys{display:none}.run-hud{top:68px}.run-toast{top:116px}}@media (prefers-reduced-motion: reduce){.run-toast,.run-done-card,.is-reached .section-title,.is-reached .hero-name{animation:none}.btn:hover,.cap:hover,.proj-card:hover,.hobby-card:hover{transform:none}}@media (max-width: 820px){.hero-stats{grid-template-columns:1fr 1fr}.hobby-grid,.contact-card,.cap-grid{grid-template-columns:1fr}.cap-featured{grid-column:auto}}@media (max-width: 600px){.nav-links,.nav-brand-text small{display:none}.contact-links{grid-template-columns:1fr}.hero{padding-top:56px}.section{padding:56px 0}.nav-actions .btn{font-size:12.5px;padding:8px 11px}.track-row{grid-template-columns:20px 1fr;grid-template-areas:"rail body" ". period";row-gap:4px;padding:14px 0}.track-period{grid-area:period}.track-rail{grid-area:rail}.track-body{grid-area:body}.track-domain{display:none}.track-company{font-size:22px}}