:root{--bg: #0a0a0a;--bg-2: #0e0e0e;--panel: #111111;--surface: #161616;--border: #1c1c1c;--border-strong: #2a2a2a;--fg: #f5f5f5;--fg-2: #d4d4d4;--fg-muted: #8a8a8a;--fg-dim: #5a5a5a;--accent: #ef2b2b;--accent-2: #ff3b3b;--accent-glow: rgba(239, 43, 43, .35);--accent-soft: rgba(239, 43, 43, .08);--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--max: 1440px;--gutter: clamp(20px, 5vw, 80px);--section-y: clamp(80px, 12vw, 160px);--ease: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>");mix-blend-mode:overlay}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:32px;height:1px;background:var(--accent);display:inline-block}.section-index{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--fg-dim);text-transform:uppercase}.section-index span{color:var(--accent)}.section-heading{font-family:var(--font-display);font-weight:600;font-size:clamp(40px,6vw,84px);line-height:.95;letter-spacing:-.03em;color:var(--fg)}.section-heading .accent{color:var(--accent);font-style:italic;font-weight:500}section{position:relative;padding-block:var(--section-y)}.section-divider{position:relative}.section-divider:before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--border)}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal[data-delay="1"]{transition-delay:.08s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px var(--gutter);display:flex;align-items:center;justify-content:space-between;transition:background .4s var(--ease),backdrop-filter .4s var(--ease),border-color .4s var(--ease);border-bottom:1px solid transparent}.nav.is-scrolled{background:#0a0a0ab8;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--border)}.nav-logo{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:8px}.nav-logo .dot{width:8px;height:8px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 12px var(--accent-glow);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.nav-links{display:flex;align-items:center;gap:36px}.nav-links a{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);position:relative;transition:color .3s var(--ease)}.nav-links a .num{color:var(--accent);margin-right:6px;font-weight:500}.nav-links a:hover{color:var(--fg)}.nav-links a:after{content:"";position:absolute;bottom:-6px;left:0;height:1px;width:0;background:var(--accent);transition:width .4s var(--ease)}.nav-links a:hover:after{width:100%}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border-strong);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);transition:all .35s var(--ease)}.nav-cta:hover{border-color:var(--accent);background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 10px 30px var(--accent-glow)}.nav-burger{display:none;width:36px;height:36px;position:relative}.nav-burger span{position:absolute;left:6px;right:6px;height:2px;background:var(--fg);transition:transform .3s var(--ease),opacity .2s var(--ease),top .3s var(--ease)}.nav-burger span:nth-child(1){top:12px}.nav-burger span:nth-child(2){top:18px}.nav-burger span:nth-child(3){top:24px}.nav-burger.is-open span:nth-child(1){top:18px;transform:rotate(45deg);background:var(--accent)}.nav-burger.is-open span:nth-child(2){opacity:0}.nav-burger.is-open span:nth-child(3){top:18px;transform:rotate(-45deg);background:var(--accent)}.nav-drawer{position:fixed;inset:0;background:var(--bg);z-index:90;display:flex;flex-direction:column;justify-content:center;padding:0 var(--gutter);transform:translateY(-100%);transition:transform .55s var(--ease-out)}.nav-drawer.is-open{transform:translateY(0)}.nav-drawer a{font-family:var(--font-display);font-size:clamp(36px,9vw,64px);font-weight:600;letter-spacing:-.03em;color:var(--fg);padding:8px 0;display:block;transition:color .3s var(--ease),padding .3s var(--ease)}.nav-drawer a:hover{color:var(--accent);padding-left:20px}.nav-drawer .num{font-family:var(--font-mono);font-size:14px;color:var(--accent);letter-spacing:.2em;display:block;margin-bottom:-4px}.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;position:relative;padding-block:140px var(--section-y);overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);pointer-events:none}.hero-glow{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 60%);filter:blur(80px);pointer-events:none;z-index:0;top:-200px;right:-200px;opacity:.5;animation:drift 14s var(--ease) infinite alternate}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(-80px,60px) scale(1.1)}}.hero-content{position:relative;z-index:2;width:100%}.hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:36px}.hero-title{font-family:var(--font-display);font-weight:600;font-size:clamp(56px,13vw,200px);line-height:.86;letter-spacing:-.045em;color:var(--fg);margin-bottom:28px}.hero-title .line{display:block;overflow:hidden}.hero-title .word{display:inline-block;transform:translateY(110%);animation:rise 1s var(--ease-out) forwards}.hero-title .word.delay-1{animation-delay:.05s}.hero-title .word.delay-2{animation-delay:.18s}.hero-title .accent{color:var(--accent);font-style:italic;font-weight:500}@keyframes rise{to{transform:translateY(0)}}.hero-tagline{display:flex;align-items:flex-start;gap:24px;max-width:720px;margin-top:16px;opacity:0;animation:fadeUp 1s var(--ease-out) .7s forwards}.hero-tagline .bar{width:4px;background:var(--accent);align-self:stretch;flex-shrink:0;margin-top:6px;height:60px}.hero-tagline p{font-size:clamp(16px,1.6vw,20px);line-height:1.55;color:var(--fg-2);font-weight:300}.hero-tagline strong{color:var(--fg);font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-stats{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;border-top:1px solid var(--border);padding-top:32px;opacity:0;animation:fadeUp 1s var(--ease-out) 1s forwards}.hero-stat .num{font-family:var(--font-display);font-size:clamp(32px,4vw,56px);font-weight:500;letter-spacing:-.03em;color:var(--fg);line-height:1}.hero-stat .num .plus{color:var(--accent)}.hero-stat .label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);margin-top:10px;display:block}.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-muted);z-index:2}.hero-scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,transparent,var(--accent));position:relative;overflow:hidden}.hero-scroll-line:after{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px;background:var(--accent);animation:scrollDown 2s var(--ease) infinite}@keyframes scrollDown{0%{top:-20px}to{top:60px}}.hero-marquee{position:absolute;bottom:0;left:0;right:0;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-2);padding:18px 0;z-index:1}.hero-marquee-track{display:flex;gap:48px;white-space:nowrap;animation:marquee 40s linear infinite;font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--fg-muted)}.hero-marquee-track span{color:var(--fg-muted)}.hero-marquee-track .accent{color:var(--accent)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{border-top:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.about-left{display:flex;flex-direction:column;gap:28px;align-self:start;position:sticky;top:120px}.about-right p{font-size:clamp(18px,1.7vw,22px);line-height:1.55;color:var(--fg-2);font-weight:300;letter-spacing:-.005em}.about-right p+p{margin-top:24px}.about-right p strong{color:var(--fg);font-weight:500}.about-right .highlight{color:var(--accent);font-weight:500;font-style:italic}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.about-tags span{font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;padding:8px 14px;border-radius:999px;border:1px solid var(--border-strong);color:var(--fg-2);transition:all .3s var(--ease)}.about-tags span:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.experience{border-top:1px solid var(--border);background:var(--bg-2)}.experience-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:80px;flex-wrap:wrap}.experience-list{display:flex;flex-direction:column}.experience-item{display:grid;grid-template-columns:200px 1fr auto;gap:60px;padding:40px 0;border-top:1px solid var(--border);cursor:default;position:relative;transition:padding .4s var(--ease)}.experience-item:last-child{border-bottom:1px solid var(--border)}.experience-item:before{content:"";position:absolute;left:-40px;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}.experience-item:hover:before{transform:scaleY(1)}.experience-item:hover{padding-left:30px}.experience-item:hover .experience-role{color:var(--accent)}.experience-item:hover .experience-arrow{transform:translate(8px,-8px);color:var(--accent)}.experience-period{font-family:var(--font-mono);font-size:13px;color:var(--fg-muted);letter-spacing:.04em;padding-top:6px}.experience-period .current{color:var(--accent);display:inline-flex;align-items:center;gap:6px}.experience-period .current:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s var(--ease) infinite}.experience-body{max-width:720px}.experience-role{font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:-.02em;line-height:1.1;color:var(--fg);margin-bottom:6px;transition:color .3s var(--ease)}.experience-company{font-family:var(--font-mono);font-size:13px;color:var(--fg-muted);letter-spacing:.06em;margin-bottom:18px}.experience-company .company-name{color:var(--accent);font-weight:500}.experience-summary{color:var(--fg-2);font-size:15px;line-height:1.65;font-weight:300}.experience-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.experience-tags span{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);padding:4px 10px;border:1px solid var(--border-strong);border-radius:4px;transition:all .3s var(--ease)}.experience-item:hover .experience-tags span{border-color:var(--border-strong);color:var(--fg-2)}.experience-arrow{font-family:var(--font-mono);font-size:24px;color:var(--fg-dim);transition:transform .4s var(--ease),color .3s var(--ease);align-self:start;padding-top:10px}.skills{border-top:1px solid var(--border)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:80px;border:1px solid var(--border)}.skill-card{background:var(--bg);padding:48px 36px;display:flex;flex-direction:column;gap:20px;position:relative;transition:background .4s var(--ease);overflow:hidden}.skill-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-soft),transparent 70%);opacity:0;transition:opacity .4s var(--ease)}.skill-card:hover{background:var(--panel)}.skill-card:hover:before{opacity:1}.skill-card:hover .skill-num{color:var(--accent)}.skill-num{font-family:var(--font-mono);font-size:13px;color:var(--fg-dim);letter-spacing:.18em;position:relative;z-index:1;transition:color .3s var(--ease)}.skill-card-title{font-family:var(--font-display);font-size:28px;font-weight:500;letter-spacing:-.02em;color:var(--fg);position:relative;z-index:1}.skill-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.skill-list li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--fg-2)}.skill-list li:before{content:"";width:4px;height:4px;background:var(--accent);border-radius:50%;flex-shrink:0}.contact{border-top:1px solid var(--border);position:relative;overflow:hidden}.contact-glow{position:absolute;width:1000px;height:1000px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 60%);filter:blur(100px);pointer-events:none;bottom:-500px;left:50%;transform:translate(-50%);opacity:.4}.contact-inner{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}.contact-eyebrow{margin-bottom:28px}.contact-title{font-family:var(--font-display);font-weight:500;font-size:clamp(56px,11vw,160px);line-height:.92;letter-spacing:-.045em;margin-bottom:36px}.contact-title .accent{color:var(--accent);font-style:italic}.contact-subtitle{max-width:540px;font-size:18px;color:var(--fg-2);font-weight:300;margin-bottom:48px}.contact-cta{display:inline-flex;align-items:center;gap:14px;padding:22px 36px;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.01em;border-radius:999px;transition:all .4s var(--ease);box-shadow:0 20px 60px var(--accent-glow)}.contact-cta:hover{background:var(--accent-2);transform:translateY(-3px);box-shadow:0 30px 80px var(--accent-glow)}.contact-cta svg{transition:transform .4s var(--ease)}.contact-cta:hover svg{transform:translate(4px,-4px)}.contact-channels{display:flex;flex-wrap:wrap;gap:12px;margin-top:56px;justify-content:center}.contact-channels a{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid var(--border-strong);border-radius:999px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--fg-2);transition:all .35s var(--ease)}.contact-channels a:hover{color:var(--fg);border-color:var(--accent);transform:translateY(-2px)}.contact-channels a svg{width:16px;height:16px}.footer{padding:40px var(--gutter);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);letter-spacing:.04em}.footer .accent{color:var(--accent)}.footer-links{display:flex;gap:24px}.footer-links a{transition:color .3s var(--ease)}.footer-links a:hover{color:var(--accent)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:opacity .3s var(--ease)}.cursor-dot{width:6px;height:6px;background:var(--accent);transform:translate(-50%,-50%);transition:width .25s var(--ease),height .25s var(--ease),background .25s var(--ease)}.cursor-ring{width:36px;height:36px;border:1px solid rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:width .4s var(--ease-out),height .4s var(--ease-out),border-color .3s var(--ease)}.cursor-hover .cursor-dot{width:0;height:0}.cursor-hover .cursor-ring{width:60px;height:60px;border-color:var(--accent)}@media (hover: none),(pointer: coarse){.cursor-dot,.cursor-ring{display:none}}@media (max-width: 980px){.about-grid{grid-template-columns:1fr;gap:40px}.about-left{position:static}.skills-grid{grid-template-columns:1fr 1fr}.experience-item{grid-template-columns:1fr;gap:16px;padding:32px 0}.experience-item:hover{padding-left:16px}.experience-item:before{left:-16px}.experience-arrow{display:none}.hero-stats{grid-template-columns:1fr 1fr;gap:24px}}@media (max-width: 720px){:root{--gutter: 20px;--section-y: 80px}.nav-links,.nav-cta{display:none}.nav-burger{display:block}.skills-grid{grid-template-columns:1fr}.hero{padding-block:110px 120px}.hero-stats{margin-top:50px;padding-top:24px;gap:18px}.experience-header{margin-bottom:50px}.contact-channels{flex-direction:column;align-items:stretch;max-width:320px;margin-inline:auto}.contact-channels a{justify-content:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}