@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700;800&display=swap";:root{--color-bg:#04070d;--color-bg-elevated:#0a0f1a;--color-surface:#0a0f1abf;--color-glass:#04070d99;--color-glass-border:#00f0ff14;--color-cyan:#00f0ff;--color-cyan-dim:#00f0ff80;--color-cyan-glow:#00f0ff26;--color-accent:#ff5b00;--color-accent-glow:#ff5b0033;--color-text:#e8edf5;--color-text-dim:#7a89a0;--color-text-muted:#4a5568;--color-border:#ffffff0f;--font-heading:"Space Grotesk", sans-serif;--font-body:"JetBrains Mono", monospace;--font-mono:"JetBrains Mono", monospace;--space-unit:1rem;--container-max-width:1400px;--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--transition-smooth:all .8s var(--ease-out-expo);--transition-fast:all .3s var(--ease-out-quart)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{width:100%;min-height:100vh;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#04070d;font-weight:400;line-height:1.65;overflow-x:hidden}.scene-3d-container{z-index:1;pointer-events:none;background-color:var(--color-bg);width:100vw;height:100vh;position:fixed;top:0;left:0}.content-overlay{z-index:10;pointer-events:auto;min-height:100vh;position:relative}.layout{flex-direction:column;min-height:100vh;display:flex;position:relative;background:0 0!important}.page-container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 4rem}.main-header{z-index:1000;pointer-events:auto;-webkit-backdrop-filter:blur(20px)saturate(1.5);border-bottom:1px solid var(--color-glass-border);transition:var(--transition-fast);background-color:#04070d99;justify-content:space-between;align-items:center;padding:1.5rem 4rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;color:#fff;transition:var(--transition-fast);font-size:1.2rem;font-weight:700;text-decoration:none}.logo:hover{color:var(--color-cyan);text-shadow:0 0 20px var(--color-cyan-glow)}.nav-links{gap:2.5rem;display:flex}.nav-links a{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;transition:var(--transition-fast);pointer-events:auto;cursor:pointer;padding:.5rem 0;font-size:.7rem;font-weight:500;text-decoration:none;display:inline-block;position:relative}.nav-links a:after{content:"";background:var(--color-cyan);width:0;height:1px;transition:width .4s var(--ease-out-expo);box-shadow:0 0 8px var(--color-cyan-glow);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--color-cyan)}.nav-links a:hover:after{width:100%}h1,h2,h3,h4,h5{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.1}.section-label{font-family:var(--font-mono);color:var(--color-cyan);letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.75rem;display:inline-flex}.section-label:before{content:"//";opacity:.4}.title-gradient{background:linear-gradient(135deg, #fff 0%, var(--color-cyan) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;padding:.1em 0}.text-3d-premium{background:linear-gradient(180deg, #fff 20%, var(--color-cyan) 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 4px 20px var(--color-cyan-glow));-webkit-background-clip:text;background-clip:text;padding:.1em 0;line-height:1.1}section{flex-direction:column;justify-content:center;min-height:100vh;padding:8rem 4rem;display:flex;position:relative}.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:0;display:flex}.hero-container{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-content{text-align:center;z-index:5;flex-direction:column;align-items:center;max-width:1000px;display:flex}.hero h1{letter-spacing:-.03em;margin:0 0 2rem;font-size:clamp(2.5rem,7vw,7rem);font-weight:700;line-height:1}.hero p,.hero-subtitle{color:var(--color-text-dim);max-width:650px;margin-bottom:3rem;font-size:clamp(.95rem,1.5vw,1.3rem);font-weight:300;line-height:1.7}.glitch-text{display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{clip-path:polygon(0 0,100% 0,100% 33%,0 33%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;opacity:0;background:linear-gradient(#ff0040 0% 100%);-webkit-background-clip:text;background-clip:text;animation:4s infinite glitch-shift}.glitch-text:after{clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;opacity:0;background:linear-gradient(#00f0ff 0% 100%);-webkit-background-clip:text;background-clip:text;animation:4s infinite glitch-shift-2}@keyframes glitch-shift{0%,90%,to{opacity:0;transform:translate(0)}92%{opacity:.8;transform:translate(-3px,-1px)}94%{opacity:0;transform:translate(3px,1px)}96%{opacity:.6;transform:translate(-2px,2px)}98%{opacity:0}}@keyframes glitch-shift-2{0%,88%,to{opacity:0;transform:translate(0)}90%{opacity:.7;transform:translate(3px,-2px)}93%{opacity:0;transform:translate(-3px,1px)}95%{opacity:.5;transform:translate(2px,-1px)}97%{opacity:0}}.scanline-overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.scanline-overlay:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-cyan) 50%, transparent 100%);width:100%;height:2px;box-shadow:0 0 30px 10px var(--color-cyan-glow);opacity:.4;animation:6s ease-in-out infinite scanline-sweep;position:absolute;top:-100%;left:0}@keyframes scanline-sweep{0%{top:-5%}50%{top:105%}50.01%,to{top:-5%}}.geo-hud{z-index:10;border-left:1px solid #00f0ff26;flex-direction:column;gap:1rem;padding-left:1.5rem;display:flex;position:absolute;bottom:4rem;left:4rem}.hud-line{flex-direction:column;gap:.15rem;display:flex}.hud-label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.25em;font-size:.6rem}.hud-value{font-family:var(--font-mono);color:var(--color-cyan);letter-spacing:.08em;font-size:.8rem;font-weight:500}.cta-button{border:1px solid var(--color-cyan-dim);color:#fff;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00f0ff0a;border-radius:0;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.cta-button:before{content:"[+]";opacity:.5;margin-right:.5rem;transition:opacity .3s}.cta-button:after{content:"[-]";opacity:.5;margin-left:.5rem;transition:opacity .3s}.cta-button:hover:before,.cta-button:hover:after{opacity:1;color:var(--color-accent)}.cta-button .sweep{content:"";width:100%;height:100%;transition:left .6s var(--ease-out-expo);z-index:-1;background:linear-gradient(90deg,#0000,#00f0ff1a,#0000);position:absolute;top:0;left:-100%}.cta-button:hover{border-color:var(--color-accent);color:var(--color-text);box-shadow:0 0 20px var(--color-accent-glow), inset 0 0 10px #ff5b000d;background:#00f0ff14;transform:translateY(-2px)}.cta-button:hover .sweep{left:100%}.glass-panel{background:var(--color-glass);-webkit-backdrop-filter:blur(24px)saturate(1.3);border:1px solid var(--color-glass-border);border-radius:16px;padding:3.5rem;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff08}.bio-section{justify-content:center;align-items:center;min-height:120vh;display:flex}.bio-section .glass-panel{width:100%;max-width:1300px}.bio-grid{grid-template-columns:minmax(280px,1fr) 1.5fr;display:grid!important}.bio-section h2{color:#fff;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.5rem)}.bio-content p{color:var(--color-text-dim);margin-bottom:1.25rem;font-size:1.15rem;line-height:1.85}.methods-section{display:block}.methods-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.method-card{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth);border-radius:12px;padding:3rem;position:relative;overflow:hidden}.method-card:before{content:"";background:radial-gradient(ellipse at top left, var(--color-cyan-glow) 0%, transparent 50%);opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out-expo);position:absolute;top:0;left:0}.method-card:hover{border-color:#00f0ff33;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.method-card:hover:before{opacity:1}.method-line{background:var(--color-cyan);width:30px;height:2px;transition:width .5s var(--ease-out-expo);box-shadow:0 0 10px var(--color-cyan-glow);margin-bottom:2rem}.method-card:hover .method-line{width:60px}.method-card h4{color:#fff;z-index:1;margin-bottom:1rem;font-size:1.5rem;font-weight:600;position:relative}.method-card p{color:var(--color-text-dim);z-index:1;font-size:.9rem;line-height:1.7;position:relative}.projects-section{padding:12rem 4rem}.projects-stack{flex-direction:column;gap:0;display:flex}.project-item{border-bottom:1px solid var(--color-border);transition:var(--transition-smooth);cursor:pointer;justify-content:space-between;align-items:center;padding:3rem 2rem;display:flex;position:relative}.project-item:before{content:"";background:linear-gradient(90deg, var(--color-cyan-glow) 0%, transparent 60%);opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.project-item:hover{border-bottom-color:var(--color-cyan-dim)}.project-item:hover:before{opacity:1}.project-item .id{font-family:var(--font-mono);color:var(--color-cyan);letter-spacing:.15em;opacity:.6;transition:var(--transition-fast);z-index:1;font-size:.7rem;font-weight:600;position:relative}.project-item:hover .id{opacity:1}.project-item h4{color:#fff;text-transform:uppercase;transition:var(--transition-fast);z-index:1;margin:.5rem 0;font-size:clamp(1.8rem,5vw,4rem);font-weight:700;position:relative}.project-item:hover h4{color:var(--color-cyan);text-shadow:0 0 30px var(--color-cyan-glow)}.project-item p{color:var(--color-text-dim);z-index:1;font-size:1rem;line-height:1.5;position:relative}.contact-section{padding:12rem 4rem}.contact-link{font-family:var(--font-mono);color:#fff;border-bottom:1px solid var(--color-cyan);transition:var(--transition-smooth);letter-spacing:.02em;padding-bottom:.4rem;font-size:1.2rem;font-weight:500;text-decoration:none}.contact-link:hover{color:var(--color-cyan);box-shadow:0 4px 0 var(--color-cyan-glow)}.main-footer{border-top:1px solid var(--color-border);background:var(--color-bg);flex-wrap:wrap;justify-content:space-between;gap:2rem;padding:3rem 4rem;display:flex}.main-footer p,.main-footer span{letter-spacing:.1em;font-size:.75rem}@media (pointer:fine){body{cursor:none}a,button,.project-item,.method-card,.cta-button{cursor:none!important}}.cursor-reticle{pointer-events:none;z-index:9999;mix-blend-mode:difference;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.reticle-h,.reticle-v{background:#fff;position:absolute}.reticle-h{width:20px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle-v{width:1px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle-coords{font-family:var(--font-mono);color:var(--color-cyan);letter-spacing:.1em;white-space:nowrap;opacity:.6;font-size:.5rem;position:absolute;top:16px;left:16px}.cursor-ring{pointer-events:none;z-index:9998;border:1px solid #ffffff4d;border-radius:50%;width:40px;height:40px;transition:width .3s,height .3s,border-color .3s,background-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@keyframes hologram-flicker{0%,to{opacity:1}3%{opacity:.85}6%{opacity:1}50%{opacity:1}52%{opacity:.9}54%{opacity:1}}.hologram-element{animation:5s infinite hologram-flicker}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.char{will-change:transform, opacity;display:inline-block}.char-3d{transition:text-shadow .3s}.char-3d:hover{text-shadow:0 0 20px var(--color-cyan), 0 0 40px var(--color-cyan-glow)}@keyframes grain-shift{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(0)}}.noise-overlay{animation:8s steps(10,end) infinite grain-shift;width:200%!important;height:200%!important;top:-50%!important;left:-50%!important}html,body,#root{max-width:100vw;overflow-x:hidden}@media (width<=1024px){.bio-section .glass-panel,.company-section .glass-panel,.contact-section .glass-panel{grid-template-columns:1fr!important}}@media (width<=768px){.page-container{padding:0 1.25rem}section{min-height:auto;padding:5rem 1.25rem}.main-header{flex-flow:row;justify-content:space-between;align-items:center;gap:0;padding:1rem 1.25rem}.logo{letter-spacing:.1em;font-size:.85rem}.nav-links{flex-wrap:nowrap;gap:1rem}.nav-links a{letter-spacing:.08em;font-size:.6rem}.hero{justify-content:flex-start;align-items:center;min-height:100svh;padding:7rem 1.25rem 3rem}.hero-container{flex-direction:column;justify-content:flex-start;align-items:flex-start}.hero-content{text-align:left;align-items:flex-start;max-width:100%}.hero h1{word-break:break-word;-webkit-hyphens:none;hyphens:none;margin-bottom:1.5rem;font-size:clamp(2.2rem,11vw,3rem);line-height:1}.hero p,.hero-subtitle{margin-bottom:2rem;font-size:.9rem;line-height:1.7}.geo-hud{border-top:1px solid #00f0ff1f;border-left:none;flex-flow:wrap;justify-content:flex-start;gap:1.5rem 2rem;margin-top:2rem;padding-top:1rem;padding-left:0;position:relative;bottom:auto;left:auto}.hud-line{align-items:flex-start}.hud-label{font-size:.55rem}.hud-value{font-size:.65rem}.hud-crosshair{display:none}.cta-button{justify-content:center;width:100%;padding:.9rem 1.5rem;font-size:.7rem}.glass-panel{border-radius:12px;padding:1.75rem 1.25rem}.bio-section{min-height:auto}.bio-grid{grid-template-columns:1fr!important;gap:2rem!important}.bio-section .glass-panel{flex-direction:column;gap:2.5rem;display:flex!important}.bio-section h2{font-size:clamp(1.8rem,8vw,2.5rem)}.bio-content p{font-size:.95rem;line-height:1.75}.avatar-container{max-height:280px}.company-section .glass-panel{flex-direction:column;gap:2.5rem;display:flex!important}.company-stats{border-radius:16px!important;gap:1.25rem!important;padding:1.5rem!important}.company-stats span:first-child{font-size:2.5rem!important}.methods-section{min-height:auto}.methods-grid{grid-template-columns:1fr!important}.method-card{padding:1.75rem}.method-card h4{font-size:1.2rem}.method-card p{font-size:.85rem}.projects-section{padding:5rem 1.25rem}.project-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:2rem .5rem}.project-item h4{font-size:clamp(1.4rem,8vw,2rem)}.project-item p{text-align:left;max-width:100%;font-size:.82rem}.project-item>div:last-child{text-align:left!important;justify-content:flex-start!important}.contact-section{padding:6rem 1.5rem}.contact-section .glass-panel{grid-template-columns:1fr!important}}