:root{--bg:#070b14;--bg2:#0b1120;--panel:#0e1626a8;--ink:#eef3fb;--ink-soft:#c3cede;--sub:#7d8aa0;--rule:#ffffff1a;--rule-strong:#ffffff38;--accent:#3ddc84;--accent-2:#2a6fff;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:30px;--r-pill:999px;--bubble:#ffffff0f}[data-radius=sharp]{--r-sm:0;--r-md:0;--r-lg:0;--r-xl:0}[data-radius=round]{--r-sm:16px;--r-md:24px;--r-lg:40px;--r-xl:56px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(120% 80% at 50% -10%, #2a6fff1f 0%, transparent 55%), radial-gradient(100% 60% at 80% 100%, #3ddc841a 0%, transparent 60%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SF Pro Text,Helvetica Neue,-apple-system,system-ui,sans-serif;overflow-x:hidden}#root{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}::selection{background:var(--accent);color:#06210f}@media (pointer:fine){#root,#root a,#root button,#root input,#root [data-cursor]{cursor:none}}.mascot-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.mascot-bg canvas{display:block}.scene{z-index:2;position:relative}.preloader{z-index:9000;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.preloader.is-done{opacity:0;visibility:hidden}.pre-mark{letter-spacing:-.04em;color:var(--ink);font-family:SF Pro Display,system-ui,sans-serif;font-size:clamp(40px,7vw,96px);font-weight:600}.pre-mark .g{color:var(--accent)}.pre-bar{background:var(--rule);width:min(280px,60vw);height:2px;position:relative;overflow:hidden}.pre-bar span{transform-origin:0;background:var(--accent);animation:1.6s cubic-bezier(.7,0,.3,1) forwards pre-fill;position:absolute;inset:0}@keyframes pre-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pre-label{letter-spacing:.3em;color:var(--sub);text-transform:uppercase;font-family:SF Mono,ui-monospace,monospace;font-size:11px}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;position:fixed;top:0;left:0}.cursor-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.cursor-ring{border:1px solid #3ddc8480;border-radius:50%;width:34px;height:34px;transition:width .25s,height .25s,margin .25s,background .25s,border-color .25s}.cursor-ring.is-zoom{border-color:var(--accent);background:#3ddc8414;width:64px;height:64px;margin-top:-15px;margin-left:-15px}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}[data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(34px)}[data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}html{scroll-behavior:auto}}.nav{z-index:80;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:22px 36px;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}.nav-mark{letter-spacing:-.01em;color:#fff;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.nav-mark .nav-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px var(--accent);border-radius:50%}.nav-links{color:#fff;gap:30px;display:flex}.nav-links a{opacity:.8;transition:opacity .2s;position:relative}.nav-links a:hover{opacity:1}.nav-end{color:#fff;align-items:center;gap:16px;display:flex}.nav-lang{letter-spacing:.05em;gap:6px;font-size:12px;display:inline-flex}.nav-lang .on{color:var(--accent);font-weight:600}.nav-lang .sep{opacity:.4}.nav-cv{border-bottom:1px solid #0000;font-weight:500}@media (max-width:760px){.nav-links{display:none}}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 36px 80px;display:flex;position:relative}.hero-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:28px;font-family:SF Mono,ui-monospace,monospace;font-size:12px;display:inline-flex}.hero-eyebrow .dot-pulse{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 #3ddc8499}@keyframes pulse{0%,to{box-shadow:0 0 #3ddc8480}50%{box-shadow:0 0 0 10px #3ddc8400}}.hero-title{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-family:SF Pro Display,Helvetica Neue,system-ui,sans-serif;font-size:clamp(64px,13vw,240px);font-weight:600;line-height:.86}.hero-title .line{display:block;overflow:hidden}.hero-title .line>span{transition:transform 1s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(105%)}.hero.is-in .hero-title .line:first-child>span{transition-delay:50ms}.hero.is-in .hero-title .line:nth-child(2)>span{transition-delay:.16s}.hero.is-in .hero-title .line:nth-child(3)>span{transition-delay:.27s}.hero.is-in .hero-title .line>span{transform:translateY(0)}.hero-title .outline{-webkit-text-stroke:2px var(--accent);-webkit-text-fill-color:transparent;color:#0000}.hero-title .solid{color:var(--accent)}@media (prefers-reduced-motion:reduce){.hero-title .line>span{transform:none}}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:56px;display:flex}.hero-lede{color:var(--ink-soft);max-width:520px;margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.45}.hero-cta{gap:12px;display:flex}.btn{border-radius:var(--r-pill);align-items:center;gap:8px;padding:14px 26px;font-size:15px;font-weight:600;transition:transform .25s,background .2s,color .2s,border-color .2s;display:inline-flex}.btn-solid{background:var(--accent);color:#06210f}.btn-solid:hover{transform:translateY(-2px);box-shadow:0 12px 30px #3ddc844d}.btn-ghost{border:1px solid var(--rule-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.mag-inner{pointer-events:none;display:inline-block}.mq{white-space:nowrap;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.mq-track{align-items:center;animation-name:mq-scroll;animation-timing-function:linear;animation-iteration-count:infinite;display:inline-flex}@keyframes mq-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-marquee{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070b1480;padding:36px 0}.tech-marquee .mq-item{letter-spacing:-.03em;color:var(--ink);text-transform:uppercase;padding:0 26px;font-family:SF Pro Display,system-ui,sans-serif;font-size:clamp(24px,3.4vw,52px);font-weight:600}.tech-marquee .mq-item:nth-child(2n){color:var(--accent)}@media (prefers-reduced-motion:reduce){.mq-track{animation:none}}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-family:SF Mono,ui-monospace,monospace;font-size:12px;display:inline-block}.section-title{letter-spacing:-.05em;margin:14px 0 0;font-family:SF Pro Display,system-ui,sans-serif;font-size:clamp(44px,7vw,110px);font-weight:600;line-height:.95}.section-title em{color:var(--sub);font-style:italic;font-weight:400}.panel{background:var(--panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--rule);border-radius:var(--r-xl)}.work{padding:130px 0;position:relative}.work-head{max-width:1340px;margin:0 auto;padding:0 36px 44px}.work-head .section-sub{color:var(--sub);max-width:460px;margin:12px 0 0;font-size:15px}.work-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.work-track-auto{gap:28px;width:max-content;padding:26px 36px;animation:56s linear infinite work-scroll;display:flex}.work-marquee:hover .work-track-auto{animation-play-state:paused}@keyframes work-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.work-track-auto{animation:none}.work-marquee{overflow-x:auto}}.work-card{border-radius:var(--r-xl);border:1px solid var(--rule);background:var(--panel);-webkit-backdrop-filter:blur(14px);flex-direction:column;flex:none;justify-content:space-between;width:440px;height:540px;padding:32px;transition:transform .4s,border-color .4s;display:flex;position:relative;overflow:hidden}.work-card:hover{border-color:var(--accent);transform:translateY(-8px)}.work-card-glow{opacity:.5;position:absolute;inset:0}.work-card-top{letter-spacing:.08em;color:var(--sub);justify-content:space-between;align-items:flex-start;font-family:SF Mono,ui-monospace,monospace;font-size:12px;display:flex;position:relative}.work-card-num{color:var(--accent);font-size:13px}.work-card-body{position:relative}.work-card h3{letter-spacing:-.03em;margin:0 0 16px;font-family:SF Pro Display,system-ui,sans-serif;font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1}.work-card p{color:var(--ink-soft);max-width:340px;margin:0 0 16px;font-size:15px;line-height:1.5}.work-star{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.ws-row{grid-template-columns:64px 1fr;align-items:start;gap:10px;display:grid}.ws-k{letter-spacing:.12em;text-transform:uppercase;color:var(--sub);padding-top:2px;font-family:SF Mono,ui-monospace,monospace;font-size:10px}.ws-k-res{color:var(--accent)}.ws-v{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.ws-result{color:var(--ink)}.work-card-tags{flex-wrap:wrap;gap:6px;display:flex}.work-chip{border-radius:var(--r-pill);border:1px solid var(--rule-strong);color:var(--ink-soft);padding:5px 10px;font-family:SF Mono,ui-monospace,monospace;font-size:11px}.work-card-meta{color:var(--accent);font-family:SF Mono,ui-monospace,monospace;font-size:12px;position:relative}.scene-section{padding:140px 36px;position:relative}.scene-wrap{max-width:1340px;margin:0 auto}.about-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:64px;display:grid}.about-lede{letter-spacing:-.03em;margin:18px 0 0;font-family:SF Pro Display,system-ui,sans-serif;font-size:clamp(26px,3vw,46px);font-weight:500;line-height:1.2}.about-lede em{color:var(--accent);font-style:italic}.about-bio{color:var(--ink-soft);margin:0;font-size:17px;line-height:1.7}.stats{background:var(--rule);border:1px solid var(--rule);border-radius:var(--r-lg);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:8px;display:grid;overflow:hidden}.stat{background:#0b112099;padding:28px}.stat-n{letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums;font-family:SF Pro Display,system-ui,sans-serif;font-size:clamp(40px,4vw,64px);font-weight:600;line-height:1;display:inline-block}.stat-l{color:var(--sub);margin-top:8px;font-size:13px}.exp-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.exp-col .eyebrow{margin-bottom:18px;display:block}.exp-row{border-top:1px solid var(--rule);padding:22px 0}.exp-row-h{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.exp-co{letter-spacing:-.02em;font-family:SF Pro Display,system-ui,sans-serif;font-size:22px;font-weight:600}.exp-period{color:var(--sub);white-space:nowrap;font-family:SF Mono,ui-monospace,monospace;font-size:12px}.exp-note{color:var(--ink-soft);margin-top:4px;font-size:15px}.skill-row{border-top:1px solid var(--rule);padding:20px 0}.skill-h{text-transform:capitalize;letter-spacing:-.01em;font-family:SF Pro Display,system-ui,sans-serif;font-size:18px;font-weight:600}.skill-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{border:1px solid var(--rule-strong);border-radius:var(--r-pill);color:var(--ink-soft);padding:6px 12px;font-family:SF Mono,ui-monospace,monospace;font-size:12px;transition:border-color .2s,color .2s}.chip:hover{border-color:var(--accent);color:var(--accent)}.contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 36px;display:flex}.contact-title{letter-spacing:-.055em;text-transform:uppercase;margin:16px 0 0;font-family:SF Pro Display,system-ui,sans-serif;font-size:clamp(64px,13vw,220px);font-weight:600;line-height:.9}.contact-title em{color:var(--accent);font-style:italic;font-weight:400}.contact-mail{background:var(--accent);color:#06210f;border-radius:var(--r-pill);align-items:center;gap:12px;margin-top:48px;padding:18px 38px;font-size:22px;font-weight:600;transition:transform .2s;display:inline-flex}.contact-mail:hover{transform:translateY(-3px)}.socials{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:72px;display:flex}.social{letter-spacing:.05em;color:var(--sub);border-bottom:1px solid var(--rule);padding-bottom:4px;font-family:SF Mono,ui-monospace,monospace;font-size:13px;transition:color .2s,border-color .2s}.social:hover{color:var(--accent);border-color:var(--accent)}.foot{color:var(--sub);border-top:1px solid var(--rule);justify-content:space-between;padding:36px;font-family:SF Mono,ui-monospace,monospace;font-size:12px;display:flex}@media (max-width:1024px){.about-grid{grid-template-columns:1fr;gap:40px}.exp-grid{grid-template-columns:1fr;gap:56px}}@media (max-width:760px){.nav{padding:16px 20px}.hero{padding:100px 20px 60px}.scene-section{padding:90px 20px}.work-head{padding:0 20px 20px}.work-track{padding:0 20px}.work-card{width:82vw;height:60vh}.stats{grid-template-columns:repeat(2,1fr)}.foot{flex-direction:column;gap:8px}}.blog-wrap{z-index:2;max-width:760px;margin:0 auto;padding:90px 24px 120px;position:relative}.blog-back{letter-spacing:.12em;color:var(--accent);margin-bottom:36px;font-family:SF Mono,ui-monospace,monospace;font-size:12px;display:inline-block}.blog-back:hover{text-decoration:underline}.blog-head h1,.blog-post h1{letter-spacing:-.04em;color:var(--ink);margin:0 0 16px;font-family:SF Pro Display,system-ui,sans-serif;font-size:clamp(38px,6vw,64px);font-weight:600;line-height:1.05}.blog-lede{color:var(--ink-soft);margin:0 0 56px;font-size:18px;line-height:1.5}.blog-empty{color:var(--sub)}.blog-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.blog-list li{border-top:1px solid var(--rule)}.blog-list li:last-child{border-bottom:1px solid var(--rule)}.blog-list a{padding:26px 0;transition:opacity .2s;display:block}.blog-list a:hover{opacity:.75}.blog-list h2{letter-spacing:-.02em;color:var(--ink);margin:8px 0 6px;font-family:SF Pro Display,system-ui,sans-serif;font-size:24px;font-weight:600}.blog-list p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.5}.blog-date{letter-spacing:.14em;color:var(--sub);text-transform:uppercase;font-family:SF Mono,ui-monospace,monospace;font-size:11px}.blog-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.blog-tag{letter-spacing:.08em;color:var(--sub);border:1px solid var(--rule);border-radius:var(--r-pill);padding:3px 10px;font-family:SF Mono,ui-monospace,monospace;font-size:10.5px}.blog-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 44px;display:flex}.blog-body{color:var(--ink-soft);font-size:17px;line-height:1.72}.blog-body h2{letter-spacing:-.02em;color:var(--ink);margin:52px 0 16px;font-family:SF Pro Display,system-ui,sans-serif;font-size:27px;font-weight:600}.blog-body h3{color:var(--ink);margin:36px 0 12px;font-size:20px;font-weight:600}.blog-body p{margin:0 0 20px}.blog-body a{color:var(--accent);border-bottom:1px solid #3ddc8466}.blog-body a:hover{border-bottom-color:var(--accent)}.blog-body strong{color:var(--ink);font-weight:600}.blog-body ul,.blog-body ol{margin:0 0 20px;padding-left:22px}.blog-body li{margin:6px 0}.blog-body code{background:var(--bubble);border:1px solid var(--rule);border-radius:var(--r-sm);color:var(--ink);padding:2px 6px;font-family:SF Mono,ui-monospace,monospace;font-size:.88em}.blog-body pre{background:var(--bg2);border:1px solid var(--rule);border-radius:var(--r-md);margin:0 0 24px;padding:18px 20px;overflow-x:auto}.blog-body pre code{background:0 0;border:none;padding:0;font-size:13.5px;line-height:1.6}.blog-body blockquote{border-left:2px solid var(--accent);color:var(--sub);margin:0 0 24px;padding:4px 0 4px 20px}.blog-body img{border-radius:var(--r-md);max-width:100%;height:auto}.blog-body hr{border:none;border-top:1px solid var(--rule);margin:44px 0}@media (max-width:640px){.blog-wrap{padding:70px 20px 90px}.blog-body{font-size:16px}}