:root{color:#f8fbff;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#f8fbff;--ink-soft:#f8fbffb8;--ink-muted:#f8fbff85;--line:#f8fbff21;--line-strong:#f8fbff3d;--panel:#080c14d1;--panel-strong:#0c131df0;--green:#66f2a4;--cyan:#60e6ff;--pink:#ff6bc8;--amber:#ffd166;--blue:#6c8cff;--danger:#ff6b6b;--shadow:0 26px 90px #00000061;--cursor-x:50%;--cursor-y:50%;--runner-x:58%;--runner-y:46%;--runner-tilt:0deg;background:#05060a;font-family:Instrument Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(90deg,#60e6ff09 1px,#0000 1px) 0 0/54px 54px,linear-gradient(#66f2a407 1px,#0000 1px) 0 0/54px 54px,linear-gradient(135deg,#05060a 0%,#07101a 44%,#120a18 100%);margin:0}body:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(115deg,#0000 0 18%,#60e6ff0f 18% 19%,#0000 19% 100%),linear-gradient(70deg,#0000 0 64%,#ff6bc80e 64% 65%,#0000 65% 100%),conic-gradient(from 180deg at 62% 42%,#66f2a414,#0000 19%,#ffd1660f,#0000 42%);position:fixed;inset:0}body:after{content:"";z-index:-1;opacity:.055;pointer-events:none;background-image:radial-gradient(#ffffff61 .8px,#0000 .8px);background-size:18px 18px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}button,a,input,textarea{letter-spacing:0}#root{width:100%}::selection{color:#061014;background:var(--green)}.skip-link{z-index:100;color:#061014;background:var(--green);border-radius:8px;padding:10px 12px;transition:transform .2s;position:fixed;top:16px;left:16px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.site-shell{min-height:100vh;position:relative;overflow:hidden}.topbar{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#05080da8;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:10px;display:flex;position:fixed;top:16px;left:16px;right:16px;box-shadow:0 14px 46px #0000003d}.brand,.nav-links,.hero-actions,.recruiter-strip,.project-topline,.availability,.contact-head{align-items:center;display:flex}.brand{gap:10px;min-width:0}.brand-sigil{color:#061014;background:linear-gradient(135deg, var(--green), var(--cyan));border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 0 30px #60e6ff2e}.brand strong,.brand small{display:block}.brand strong{font-size:.98rem}.brand small{color:var(--ink-muted);font-size:.78rem}.nav-links{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;gap:6px;padding:4px}.nav-links a,.nav-contact{min-height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 12px;transition:color .2s,background-color .2s,transform .2s;display:inline-flex}.nav-links a:hover,.nav-contact:hover{color:var(--ink);background:#ffffff12;transform:translateY(-1px)}.hero-section{grid-template-columns:minmax(0,1fr);align-items:end;min-height:100svh;padding:150px 28px 28px;display:grid;position:relative;overflow:hidden}.game-scene{isolation:isolate;background:linear-gradient(#05060a1f,#05060ad1 74%,#05060a 100%),linear-gradient(110deg,#60e6ff12,#0000 27%),linear-gradient(250deg,#ff6bc814,#0000 31%),linear-gradient(135deg,#060a11 0%,#0a1320 47%,#120914 100%);min-height:100svh;position:absolute;inset:0;overflow:hidden}.game-scene:before,.game-scene:after,.scene-grid,.scene-scan,.scene-rails{content:"";pointer-events:none;position:absolute;inset:0}.game-scene:before{z-index:0;opacity:.72;background:linear-gradient(90deg,#0000 0 8%,#66f2a421 8.2%,#0000 8.45% 100%),linear-gradient(90deg,#0000 0 82%,#ffd1661c 82.25%,#0000 82.5% 100%),linear-gradient(#0000 0 52%,#60e6ff17 52.2%,#0000 52.45% 100%)}.game-scene:after{z-index:1;background:radial-gradient(circle at var(--cursor-x) var(--cursor-y), #66f2a429, transparent 18rem), linear-gradient(180deg, transparent 0%, #05060a8f 100%);mix-blend-mode:screen}.scene-grid{z-index:0;transform-origin:bottom;opacity:.32;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:64px 64px;transform:perspective(720px)rotateX(62deg)translateY(32%)}.scene-scan{z-index:2;background:linear-gradient(#0000,#ffffff0e,#0000);height:36%;animation:8s linear infinite scan-pass}.scene-rails{z-index:1;filter:drop-shadow(0 0 18px #60e6ff33);opacity:.58;background:linear-gradient(105deg,#0000 0 30%,#60e6ff38 30.2%,#0000 30.8% 100%),linear-gradient(70deg,#0000 0 61%,#ff6bc82e 61.2%,#0000 61.8% 100%),linear-gradient(125deg,#0000 0 72%,#ffd16629 72.2%,#0000 72.7% 100%)}.portal{z-index:3;border:1px solid var(--line);width:138px;height:86px;color:var(--ink);box-shadow:var(--shadow), inset 0 0 28px #60e6ff12;background:linear-gradient(#ffffff1f,#0000 34%),#05080dad;border-radius:8px;place-items:center;display:grid;position:absolute;transform:skewY(-4deg)}.portal-a{border-color:#66f2a459;top:17%;right:34%}.portal-b{border-color:#60e6ff57;top:24%;right:14%}.portal-c{border-color:#ff6bc857;bottom:24%;right:24%}.mascot-runner{left:var(--runner-x);top:var(--runner-y);z-index:10;cursor:pointer;width:116px;height:116px;transform:translate(-50%, -50%) rotate(var(--runner-tilt)) scale(1);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:transform 1.15s cubic-bezier(.22,.9,.22,1),filter .2s,scale .2s;position:absolute}.mascot-runner:focus-visible{outline:3px solid var(--amber);outline-offset:6px;border-radius:999px}.mascot-runner:hover{filter:drop-shadow(0 0 24px #66f2a457)}.mascot-runner.is-caught,.mascot-runner.is-combo{animation:.48s mascot-pop}.mascot-runner.is-combo{filter:drop-shadow(0 0 18px #ffd1667a)drop-shadow(0 0 28px #ff6bc847)}.mascot-shadow,.mascot-body,.mascot-body span{display:block;position:absolute}.mascot-shadow{filter:blur(4px);background:#00000059;border-radius:999px;height:13px;bottom:8px;left:18%;right:18%}.mascot-body{background:linear-gradient(135deg,#ffffff94,#0000 18%),linear-gradient(145deg,#8cffb6 0%,#39d985 48%,#19a86f 100%);border:3px solid #f8fbffdb;border-radius:47% 43% 44% 52%;width:78px;height:78px;animation:1.6s ease-in-out infinite mascot-bob;top:13px;left:17px;box-shadow:inset -10px -14px #04534652,inset 10px 7px #fff3,0 16px 34px #00000057}.mascot-spikes{background-color:#0000;background-image:linear-gradient(135deg,#0000 0 44%,#ffe66f 45% 70%,#0000 71% 100%),linear-gradient(45deg,#0000 0 42%,#ff7ed8 43% 68%,#0000 69% 100%),linear-gradient(135deg,#0000 0 44%,#60e6ff 45% 70%,#0000 71% 100%);background-position:0 0,18px 0,38px 0;background-repeat:no-repeat;background-size:19px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:58px;height:24px;top:-17px;left:8px}.mascot-eye{background:#061014;border-radius:999px;width:12px;height:15px;top:25px;box-shadow:inset 3px 3px #ffffff73}.mascot-eye-left{left:26px}.mascot-eye-right{right:18px}.mascot-cheek{background:#ff6bc8b8;border-radius:999px;width:16px;height:10px;top:44px;right:10px}.mascot-smile{border-bottom:3px solid #061014;border-radius:0 0 999px 999px;width:18px;height:10px;top:47px;left:42px}.mascot-tail{transform-origin:100%;background:#30c982;border:3px solid #f8fbffdb;border-right:0;border-radius:999px 0 0 999px;width:30px;height:22px;top:42px;left:-16px;transform:rotate(-16deg)}.mascot-foot{background:#ffd166;border:3px solid #f8fbffdb;border-radius:999px;width:24px;height:15px;bottom:-8px}.mascot-foot-left{left:14px}.mascot-foot-right{right:10px}.heart-counter{z-index:15;min-width:154px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffd16621,#0000 46%),#05080dbd;border:1px solid #ffd16647;border-radius:8px;padding:12px 14px;position:absolute;bottom:28px;right:28px}.heart-counter span,.heart-counter small{display:block}.heart-counter span{color:var(--amber);font-size:2rem;font-weight:900;line-height:1}.heart-counter small{color:var(--ink-soft);margin-top:4px}.heart-bursts{z-index:16;pointer-events:none;position:absolute;inset:0}.heart-burst{color:#061014;background:var(--amber);border:1px solid #ffd16670;border-radius:8px;padding:6px 8px;font-weight:900;animation:.95s forwards burst-float;position:absolute}.heart-burst.is-combo{color:var(--ink);background:linear-gradient(135deg, var(--pink), var(--blue));border-color:#ffffff52}.hero-content{z-index:12;width:min(820px,100%);padding-bottom:180px;position:relative}.eyebrow{color:var(--green);margin:0 0 12px;font-size:.88rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;line-height:1.02}h1{max-width:12ch;font-family:"Syne", var(--font-display,sans-serif);text-wrap:balance;margin-bottom:22px;font-size:5.2rem;font-weight:800}h2{font-family:"Syne", var(--font-display,sans-serif);text-wrap:balance;margin-bottom:0;font-size:3.1rem;font-weight:800}h3{font-size:1.35rem}.hero-lead{max-width:760px;color:var(--ink-soft);margin-bottom:26px;font-size:1.17rem}.hero-actions{flex-wrap:wrap;gap:10px}.button{border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible,.nav-links a:focus-visible,.nav-contact:focus-visible,.icon-button:focus-visible,.contact-email:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.button-primary{color:#061014;background:linear-gradient(135deg, var(--green), var(--cyan));border-color:#66f2a475;font-weight:800;box-shadow:0 12px 42px #60e6ff2e}.button-secondary{background:#ffffff0e}.recruiter-strip{z-index:12;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);background:#05080db3;border-radius:8px;gap:10px;padding:10px;position:absolute;bottom:28px;left:28px;right:28px}.proof-stat{background:#ffffff09;border:1px solid #ffffff13;border-radius:8px;flex:1;min-width:0;padding:14px}.proof-stat strong,.proof-stat span{display:block}.proof-stat strong{color:var(--cyan);font-size:1.7rem;line-height:1}.proof-stat span{color:var(--ink-muted);margin-top:5px;font-size:.9rem}.pitch-section,.section-block,.closer-section{z-index:3;padding:86px 28px;position:relative}.pitch-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#05080d6b;grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:center;gap:26px;display:grid}.pitch-section p{max-width:980px;font-family:"Syne", var(--font-display,sans-serif);text-wrap:balance;margin-bottom:0;font-size:2rem;line-height:1.1}.availability{color:var(--ink-soft);background:#66f2a40e;border:1px solid #66f2a447;border-radius:8px;justify-content:flex-start;gap:10px;padding:16px}.pulse-dot{background:var(--green);border-radius:999px;width:10px;height:10px;animation:1.8s infinite pulse-dot;box-shadow:0 0 #66f2a480}.section-heading{gap:12px;max-width:920px;margin-bottom:34px;display:grid}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.project-card,.skill-card,.contact-modal{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0f, transparent 26%), var(--panel);box-shadow:var(--shadow);border-radius:8px}.project-card,.skill-card{position:relative;overflow:hidden}.project-card{flex-direction:column;min-height:438px;padding:18px;transition:transform .24s,border-color .24s,background-color .24s;display:flex}.project-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(110deg,#0000,#60e6ff14,#0000),linear-gradient(#0000 0 58%,#66f2a40d);transition:opacity .24s;position:absolute;inset:0}.project-card:hover{border-color:var(--line-strong);transform:translateY(-6px)}.project-card:hover:before{opacity:1}.project-card>*{z-index:1;position:relative}.project-topline{color:var(--ink-muted);justify-content:space-between;gap:12px;margin-bottom:42px;font-size:.85rem}.project-card h3{margin-bottom:8px}.project-type{color:var(--cyan);margin-bottom:16px;font-weight:800}.project-card p{color:var(--ink-soft)}.stack-list{flex-wrap:wrap;gap:7px;margin:auto 0 18px;padding:0;list-style:none;display:flex}.stack-list li{color:var(--ink);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:6px;padding:7px 9px;font-size:.84rem}.project-proof{border-left:3px solid var(--green);background:#66f2a40e;min-height:86px;margin:0;padding:13px}.skills-section{background:linear-gradient(90deg,#66f2a40e,#0000 34%),linear-gradient(270deg,#ff6bc80d,#0000 36%)}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.skill-card{padding:22px}.skill-card h3{margin-bottom:18px}.skill-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.skill-card li{color:var(--ink-soft);align-items:center;gap:10px;display:flex}.skill-card li:before{content:"";background:var(--amber);border-radius:2px;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 16px #ffd16647}.closer-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1fr) auto;align-items:end;gap:24px;display:grid}.closer-section p{color:var(--ink-soft);margin-bottom:0;font-size:1.06rem}.contact-layer{z-index:80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.contact-backdrop{cursor:pointer;background:linear-gradient(135deg,#60e6ff1a,#0000 32%),#010307c2;border:0;position:absolute;inset:0}.contact-modal{background:linear-gradient(135deg, #66f2a414, transparent 38%), linear-gradient(225deg, #ff6bc817, transparent 42%), var(--panel-strong);width:min(680px,100%);padding:22px;animation:.24s modal-in;position:relative}.contact-head{justify-content:space-between;gap:18px;margin-bottom:12px}.contact-head .eyebrow{margin-bottom:0}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#ffffff0e;border-radius:8px;place-items:center;display:grid}.contact-email{color:var(--cyan);margin:12px 0 20px;display:inline-flex}.contact-form{gap:12px;display:grid}.contact-form label{gap:7px;display:grid}.contact-form span{color:var(--ink-muted);font-size:.88rem}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#ffffff0e;border-radius:8px;outline:none;padding:13px 14px}.contact-form input:focus,.contact-form textarea:focus{border-color:#60e6ff80;box-shadow:0 0 0 4px #60e6ff1f}@keyframes scan-pass{0%{opacity:0;transform:translateY(-100%)}18%,72%{opacity:.5}to{opacity:0;transform:translateY(280%)}}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mascot-pop{0%,to{scale:1}42%{scale:1.18}}@keyframes burst-float{0%{opacity:0;transform:translate(-50%,-50%)scale(.84)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-108px)scale(1.08)}}@keyframes pulse-dot{0%{box-shadow:0 0 #66f2a480}to{box-shadow:0 0 0 14px #66f2a400}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){h1{font-size:4.35rem}h2{font-size:2.6rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{min-height:384px}.closer-section{grid-template-columns:1fr;align-items:start}}@media (width<=820px){.topbar{align-items:flex-start;position:absolute}.nav-links{flex-wrap:wrap;justify-content:flex-end}.hero-section{align-items:start;min-height:980px;padding:138px 16px 20px}.hero-content{padding-bottom:230px}h1{max-width:11ch;font-size:3.1rem}h2{font-size:2.2rem}.hero-lead{font-size:1.02rem}.portal{width:106px;height:66px}.portal-a{top:44%;left:auto;right:42%}.portal-b{top:32%;right:6%}.portal-c{bottom:32%;right:10%}.mascot-runner{width:96px;height:96px}.mascot-body{width:66px;height:66px;top:11px;left:14px}.recruiter-strip{flex-wrap:wrap;bottom:20px;left:16px;right:16px}.proof-stat{flex-basis:calc(50% - 5px)}.pitch-section{grid-template-columns:1fr;padding:62px 16px}.pitch-section p{font-size:1.55rem}.section-block,.closer-section{padding:62px 16px}.project-grid,.skill-grid{grid-template-columns:1fr}}@media (width<=560px){.topbar{flex-direction:column;top:10px;left:10px;right:10px}.brand-sigil{width:38px;height:38px}.nav-links{justify-content:space-between;width:100%}.nav-links a,.nav-contact{min-height:34px;padding:0 9px;font-size:.9rem}.hero-section{min-height:1020px;padding-top:178px}.portal{display:none}.mascot-runner{z-index:6}h1{max-width:11ch;font-size:2.28rem}h2{font-size:1.9rem}.hero-actions,.hero-actions .button,.button{width:100%}.heart-counter{min-width:132px;top:150px;bottom:auto;right:16px}.recruiter-strip{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.proof-stat{flex-basis:auto;padding:12px}.proof-stat strong{font-size:1.35rem}.project-card{min-height:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}