:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#04050a;--ink:#f7fbff;--muted:#aeb8c9;--soft:#747f96;--cyan:#00f5ff;--magenta:#ff2bd6;--green:#a7ff4f;--yellow:#f7df1e;--line:#ffffff21;--panel:#070c18c7;--panel-strong:#0c1222f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}::selection{background:#00f5ff52}.portfolio-shell{--pointer-x:50%;--pointer-y:20%;isolation:isolate;background:linear-gradient(90deg, #00f5ff0e 1px, transparent 1px), linear-gradient(#ff2bd60b 1px, transparent 1px), radial-gradient(circle at var(--pointer-x) var(--pointer-y), #00f5ff2e, transparent 28rem), radial-gradient(circle at 82% 12%, #ff2bd626, transparent 28rem), linear-gradient(135deg, #00f5ff14, transparent 42%), #04050a;background-size:72px 72px,72px 72px,auto,auto,auto,auto;min-height:100svh;position:relative;overflow-x:clip}.ambient-grid,.ambient-light{pointer-events:none;z-index:-2;position:fixed;inset:0}.ambient-grid{opacity:.28;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 6px)}.ambient-light{z-index:-3;background:linear-gradient(118deg,#0000 0 27%,#00f5ff14 28%,#0000 31% 100%),linear-gradient(296deg,#0000 0 48%,#ff2bd614 49%,#0000 52% 100%)}.site-nav{border:1px solid var(--line);opacity:0;z-index:10;background:#04050acc;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(1320px,100% - 32px);max-width:1320px;margin:18px auto 0;padding:12px;display:grid;position:relative}.mark{color:#04050a;background:linear-gradient(135deg,#ffffffeb 0 34%,#00f5ffe6 35% 58%,#ff2bd6f0 59%);justify-content:center;align-items:center;width:46px;height:46px;font-weight:950;display:inline-flex;position:relative;overflow:hidden}.mark:after{content:"";background:#ffffffbd;width:12px;height:120%;position:absolute;transform:translate(-190%)skew(-18deg)}.mark:hover:after{animation:.7s forwards markSweep}.nav-links{justify-content:center;align-items:center;gap:26px;min-width:0;display:flex}.nav-links a{color:var(--muted);padding:10px 0;font-size:.9rem;font-weight:800;position:relative}.nav-links a:after{background:linear-gradient(90deg, var(--cyan), var(--magenta), var(--green));content:"";transform-origin:0;width:100%;height:2px;transition:transform .18s;position:absolute;bottom:3px;left:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--ink)}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.nav-github,.primary-action,.ghost-action{justify-content:center;align-items:center;gap:10px;font-weight:900;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.nav-github{border:1px solid #00f5ff61;min-height:46px;padding:0 18px}.nav-github:hover,.primary-action:hover,.ghost-action:hover{transform:translateY(-2px)}.nav-github svg,.primary-action svg,.ghost-action svg{width:18px;height:18px}.hero-section{grid-template-columns:minmax(0,.95fr) minmax(420px,.82fr);align-items:center;gap:56px;max-width:1320px;margin:0 auto;padding:64px 32px 46px;display:grid}.hero-content{min-width:0}.hero-kicker,.section-kicker{color:var(--green);text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;font-weight:950;display:inline-flex}.hero-kicker{opacity:0}.live-dot{background:var(--green);width:10px;height:10px;box-shadow:0 0 22px #a7ff4fe6}.hero-title{text-transform:uppercase;margin:0;font-size:7.2rem;font-weight:950;line-height:.82;display:grid}.title-fragment{opacity:0;text-shadow:0 0 22px #00f5ff8a,0 0 42px #ff2bd638;position:relative}.title-fragment:nth-child(2){color:#eaf6ff}.title-fragment:after{color:var(--magenta);content:attr(data-glitch);display:none}.hero-copy{color:#d8dfef;opacity:0;max-width:670px;margin:30px 0 0;font-size:1.22rem;line-height:1.7}.hero-actions{opacity:0;flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-action,.ghost-action{min-height:50px;padding:0 22px}.primary-action{background:linear-gradient(90deg, var(--cyan), var(--green));color:#04050a;box-shadow:0 0 38px #00f5ff42}.ghost-action{background:#ffffff0e;border:1px solid #ff2bd670}.signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:700px;margin-top:36px;display:grid}.signal-card{border:1px solid var(--line);opacity:0;background:#ffffff0b;min-height:116px;padding:18px;position:relative}.signal-card:before{background:linear-gradient(180deg, var(--cyan), var(--magenta));content:"";width:2px;height:36px;position:absolute;top:18px;left:-1px}.signal-card span{color:var(--cyan);text-transform:uppercase;margin-bottom:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;font-weight:950;display:block}.signal-card strong{color:var(--muted);font-size:.96rem;line-height:1.45;display:block}.reactor-stage{aspect-ratio:1;opacity:0;background:radial-gradient(circle at 50% 46%,#00f5ff29,#0000 28%),linear-gradient(135deg,#00f5ff1a,#0000 34%),linear-gradient(315deg,#ff2bd62e,#0000 38%),#080e1cd1;border:1px solid #00f5ff57;min-height:520px;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000070,0 0 72px #00f5ff1a}.reactor-stage:before{content:"";border:1px solid #f7df1e47;position:absolute;inset:28px}.scan-beam{opacity:.86;will-change:left;background:linear-gradient(90deg,#0000 0%,#a7ff4f0a 12%,#a7ff4f57 48%,#00f5ff2e 62%,#0000 100%);width:58%;position:absolute;top:0;bottom:0;left:-64%;transform:skew(-12deg)}.scan-beam.is-ghost{opacity:.48;background:linear-gradient(90deg,#0000 0%,#00f5ff0a 16%,#a7ff4f33 52%,#0000 100%)}.reactor-grid{opacity:.34;background-color:#0000;background-image:linear-gradient(#00f5ff1c 1px,#0000 1px),linear-gradient(90deg,#00f5ff1c 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.reactor-map{position:absolute;inset:9%;overflow:visible}.data-ray{fill:none;stroke:#00f5ff8c;stroke-dasharray:10 16;stroke-dashoffset:180px;stroke-width:1.5px}.data-ray:nth-child(2){stroke:#ff2bd66b}.data-ray:nth-child(3){stroke:#a7ff4f61}.reactor-ring{border:1px solid #ffffff21;position:absolute;inset:16%}.reactor-ring:before,.reactor-ring:after{content:"";position:absolute}.reactor-ring:before{background:var(--cyan);box-shadow:0 0 18px var(--cyan);width:10px;height:10px;top:30%;right:-5px}.reactor-ring:after{background:var(--magenta);box-shadow:0 0 18px var(--magenta);width:8px;height:8px;bottom:18%;left:-4px}.reactor-ring.is-two{border-color:#00f5ff47;inset:24%}.reactor-ring.is-three{border-color:#a7ff4f38;inset:32%}.reactor-core{background:#04050ad1;border:1px solid #00f5ff66;place-content:center;place-items:center;width:128px;height:128px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reactor-core svg{color:var(--green);width:28px;height:28px}.reactor-core span{font-size:2.6rem;font-weight:950;line-height:1}.reactor-chip{background:#04050ab8;border:1px solid #ffffff29;align-items:center;gap:9px;min-height:42px;padding:0 14px;font-weight:900;display:inline-flex;position:absolute}.reactor-chip svg{width:18px;height:18px}.chip-next{top:18%;left:10%}.chip-react{color:var(--cyan);top:28%;right:9%}.chip-db{color:var(--green);bottom:17%;left:12%}.stack-strip{border-block:1px solid #ffffff1a;margin:12px 0 0;overflow:hidden}.ticker-track{align-items:center;gap:10px;width:max-content;display:flex}.ticker-track span{color:var(--muted);text-transform:uppercase;align-items:center;gap:9px;min-height:54px;padding:0 24px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.84rem;font-weight:950;display:inline-flex}.ticker-track svg{color:var(--cyan);width:18px;height:18px}.tech-section,.about-section,.projects-section,.services-section,.contact-section{max-width:1320px;margin:0 auto;padding:92px 32px;position:relative}.tech-section:before,.about-section:before,.projects-section:before,.services-section:before,.contact-section:before{content:"";background:linear-gradient(90deg,#0000,#00f5ff80,#ff2bd675,#0000);height:1px;position:absolute;top:0;left:32px;right:32px}.reveal{opacity:1}.section-heading{max-width:920px;margin-bottom:34px}.section-heading h2,.contact-section h2{text-transform:uppercase;max-width:820px;margin:0;font-size:4rem;line-height:.98}.section-kicker svg{width:17px;height:17px}.tech-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.tech-node{color:var(--accent);background:#ffffff0c;border:1px solid #ffffff1c;align-items:center;gap:14px;min-height:146px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.tech-node:after{background:linear-gradient(90deg, var(--accent), transparent);content:"";transform-origin:0;height:2px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.25)}.tech-node:hover{border-color:var(--accent);box-shadow:0 0 28px var(--glow);transform:translateY(-4px)}.tech-node:hover:after{transform:scaleX(1)}.tech-node-icon{width:32px;height:32px}.tech-node h3{color:var(--ink);margin:0 0 4px;font-size:1rem}.tech-node p{color:var(--soft);margin:0;font-size:.86rem;font-weight:800}.about-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:28px;display:grid}.about-copy{color:#d9e0ee;gap:22px;font-size:1.08rem;line-height:1.82;display:grid}.about-copy p{margin:0}.about-system{border:1px solid #00f5ff3d;display:grid}.about-system div{background:var(--panel);border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;min-height:72px;padding:0 18px;display:flex}.about-system div:last-child{border-bottom:0}.about-system svg{color:var(--green);width:20px;height:20px}.about-system span{color:var(--ink);font-weight:850}.projects-grid{gap:16px;display:grid}.project-card{background:var(--panel-strong);border:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:start;gap:24px;min-height:208px;padding:28px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.project-card:before{background:linear-gradient(180deg, var(--cyan), var(--magenta), var(--green));content:"";width:3px;position:absolute;top:20px;bottom:20px;left:0}.project-card:hover{border-color:#00f5ff6b;transform:translateY(-4px);box-shadow:0 30px 80px #00000047}.project-index{color:#ffffff2b;font-size:4rem;font-weight:950;line-height:.85}.project-content p{color:var(--cyan);text-transform:uppercase;margin:0 0 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;font-weight:950}.project-content h3{margin:0 0 10px;font-size:2rem}.project-content>span{color:var(--muted);max-width:850px;line-height:1.65;display:block}.project-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.project-tags small{color:var(--green);border:1px solid #a7ff4f47;padding:7px 9px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:900}.project-card>a{background:#ffffff0f;border:1px solid #ffffff24;justify-content:center;align-items:center;width:48px;height:48px;transition:background .18s,color .18s,transform .18s;display:inline-flex}.project-card>a:hover{background:var(--cyan);color:#04050a;transform:rotate(-8deg)}.project-card>a svg{width:20px;height:20px}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.service-card{background:var(--panel);border:1px solid var(--line);min-height:308px;padding:28px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative}.service-card:after{background:linear-gradient(90deg, var(--cyan), var(--magenta), var(--yellow));content:"";transform-origin:0;height:3px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.18)}.service-card:hover{border-color:#ff2bd66b;transform:translateY(-4px);box-shadow:0 26px 70px #00000047}.service-card:hover:after{transform:scaleX(1)}.service-card svg{color:var(--cyan);width:34px;height:34px;margin-bottom:26px}.service-card h3{margin:0 0 14px;font-size:1.7rem}.service-card p{color:var(--muted);margin:0;line-height:1.7}.contact-section{grid-template-columns:minmax(0,.98fr) minmax(320px,.68fr);align-items:center;gap:56px;padding-bottom:120px;display:grid}.contact-panel{background:#0d1528e6;border:1px solid #00f5ff47;gap:12px;padding:22px;display:grid}.contact-panel a{overflow-wrap:anywhere;background:#ffffff0e;border:1px solid #ffffff1f;align-items:center;gap:12px;min-height:58px;padding:0 16px;font-weight:850;transition:background .18s,border-color .18s,transform .18s;display:flex}.contact-panel a:hover{background:#00f5ff14;border-color:#00f5ff80;transform:translate(4px)}.contact-panel svg{color:var(--green);flex:none;width:20px;height:20px}a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}@keyframes markSweep{to{transform:translate(250%)skew(-18deg)}}@media (max-width:1180px){.hero-section{grid-template-columns:1fr}.reactor-stage{width:100%;max-width:660px;margin:0 auto}.tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.site-nav{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:8px}.mark{width:40px;height:40px}.nav-links{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:16px;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;flex:none;font-size:.82rem}.nav-github{width:42px;min-height:40px;padding:0;font-size:0}.nav-github svg{width:19px;height:19px}.hero-section{gap:34px;padding:46px 18px 34px}.hero-title{font-size:4.7rem}.hero-copy{font-size:1.05rem}.signal-grid,.about-layout,.contact-section{grid-template-columns:1fr}.tech-section,.about-section,.projects-section,.services-section,.contact-section{padding:70px 18px}.tech-section:before,.about-section:before,.projects-section:before,.services-section:before,.contact-section:before{left:18px;right:18px}.section-heading h2,.contact-section h2{font-size:3rem}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{grid-template-columns:1fr}.project-card>a{justify-self:start}}@media (max-width:520px){.site-nav{width:calc(100% - 20px);margin-top:10px}.hero-actions{display:grid}.primary-action,.ghost-action{width:100%}.hero-title{font-size:3.55rem}.reactor-stage{min-height:390px}.reactor-core{width:92px;height:92px}.reactor-core span{font-size:2rem}.reactor-chip{font-size:.78rem}.services-grid{grid-template-columns:1fr}.section-heading h2,.contact-section h2{font-size:2.35rem}.project-index{font-size:3rem}.project-content h3{font-size:1.55rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.site-nav,.hero-kicker,.title-fragment,.hero-copy,.hero-actions,.signal-card,.reactor-stage,.tech-node,.reveal{opacity:1;transform:none}}