:root{--bg:#030810;--bg-card:#080e1e;--neon:#39ff14;--cyan:#00e5ff;--cyan-med:#09b;--cyan-dim:#1a4a5c;--blue-accent:#1a3a6c;--white:#e8edf5;--dim:#4a5a75;--danger:#ff3e3e;--warn:#f5a623;--ff-body:"Outfit", sans-serif;--ff-mono:"JetBrains Mono", monospace;--layer-depth:1800px;--z-offset:0px;--perspective:1200px;--border:#00e5ff1f;--border-hover:#00e5ff59;--glow-cyan:#00e5ff26;--glow-cyan-strong:#00e5ff59;--glow-neon:#39ff1426;--glow-neon-strong:#39ff144d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}body{background:var(--bg);color:var(--white);font-family:var(--ff-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 40% at 20% 80%,#00e5ff0a 0%,#0000 60%),radial-gradient(60% 35% at 80% 20%,#39ff1408 0%,#0000 55%);animation:18s ease-in-out infinite alternate auroraDrift;position:fixed;inset:0}@keyframes auroraDrift{0%{opacity:.6;transform:scale(1)translateY(0)}50%{opacity:1;transform:scale(1.05)translateY(-20px)}to{opacity:.7;transform:scale(.97)translateY(10px)}}::-webkit-scrollbar{width:0}.mono{font-family:var(--ff-mono)}a{color:inherit;text-decoration:none}#boot-screen{z-index:9999;background:var(--bg);justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#boot-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.boot-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.boot-logo{font-family:var(--ff-body);color:var(--cyan);text-shadow:0 0 40px var(--glow-cyan), 0 0 80px var(--glow-cyan);letter-spacing:8px;font-size:4rem;font-weight:800}.boot-progress{background:#00e5ff1a;border-radius:1px;width:200px;height:2px;overflow:hidden}.boot-bar{background:linear-gradient(90deg, var(--cyan), var(--neon));width:0%;height:100%;box-shadow:0 0 10px var(--cyan);border-radius:1px;animation:1.8s ease-out forwards bootLoad}@keyframes bootLoad{to{width:100%}}.boot-text{color:var(--dim);letter-spacing:3px;font-size:.7rem}.boot-dots{animation:1s steps(3,end) infinite dotPulse}@keyframes dotPulse{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}#particle-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}#noise-overlay{z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px;position:fixed;inset:0}#grid-overlay{z-index:2;pointer-events:none;background-image:linear-gradient(#00e5ff06 1px,#0000 1px),linear-gradient(90deg,#00e5ff06 1px,#0000 1px);background-size:80px 80px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 60%,#000 20%,#0000 75%)}#scanline-overlay{z-index:3;pointer-events:none;opacity:.5;background:repeating-linear-gradient(#0000 0 3px,#0000000a 3px 6px);position:fixed;inset:0}#vignette-overlay{z-index:4;pointer-events:none;background:radial-gradient(#0000 35%,#030810bf 100%);position:fixed;inset:0}#hud-top,#hud-bottom{z-index:100;font-family:var(--ff-mono);letter-spacing:2px;color:var(--dim);text-transform:uppercase;pointer-events:none;justify-content:space-between;align-items:center;padding:.9rem 2.5rem;font-size:.65rem;display:flex;position:fixed;left:0;right:0}#hud-top{border-bottom:1px solid var(--border);background:linear-gradient(#030810b3,#0000);top:0}#hud-bottom{border-top:1px solid var(--border);background:linear-gradient(#0000,#030810b3);bottom:0}.hud-left,.hud-right,.hud-center{align-items:center;gap:.8rem;display:flex}.hud-sep{color:var(--blue-accent)}.hud-tag{color:var(--neon);text-shadow:0 0 8px var(--glow-neon)}.hud-indicator{background:var(--neon);width:6px;height:6px;box-shadow:0 0 8px var(--neon);border-radius:50%;animation:2s infinite indicatorPulse}@keyframes indicatorPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hud-status{color:var(--neon);animation:4s infinite statusFlicker}@keyframes statusFlicker{0%,88%,92%,96%,to{opacity:1}90%,94%{opacity:.15}}.hud-link{pointer-events:all;color:var(--cyan-med);cursor:pointer;transition:all .3s}.hud-link:hover{color:var(--cyan);text-shadow:0 0 10px var(--glow-cyan)}.scroll-indicator{flex-direction:column;align-items:center;gap:.3rem;transition:opacity 1s;display:flex}.scroll-text{letter-spacing:3px;color:var(--cyan-med);font-size:.6rem}.scroll-arrows{flex-direction:column;align-items:center;gap:0;line-height:.6;display:flex;transform:rotate(-90deg)}.scroll-arrow{color:var(--cyan);font-size:.9rem;animation:1.5s infinite arrowPulse}.scroll-arrow:nth-child(2){opacity:.6;animation-delay:.2s}.scroll-arrow:nth-child(3){opacity:.3;animation-delay:.4s}@keyframes arrowPulse{0%,to{opacity:.2}50%{opacity:1}}.hud-rail{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:0;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.left-rail{left:2rem}.rail-line{background:linear-gradient(to bottom, transparent, var(--border), transparent);width:1px;height:40px}.rail-markers{flex-direction:column;align-items:center;gap:14px;padding:10px 0;display:flex}.rail-dot{border:1px solid var(--cyan-dim);background:0 0;border-radius:50%;width:8px;height:8px;transition:all .5s cubic-bezier(.25,.8,.25,1)}.rail-dot.active{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 10px var(--cyan), 0 0 25px var(--glow-cyan);transform:scale(1.3)}#scroll-container{width:1px;height:900vh}#viewport{z-index:10;perspective:var(--perspective);position:fixed;inset:0;overflow:hidden}#scene{transform-style:preserve-3d;transform:translateZ(var(--z-offset));will-change:transform;position:absolute;inset:0}.layer{transform-style:preserve-3d;opacity:0;will-change:opacity, transform;justify-content:center;align-items:center;padding:5rem;display:flex;position:absolute;inset:0}#layer-0{transform:translateZ(calc(0 * var(--layer-depth) * -1))}#layer-1{transform:translateZ(calc(1 * var(--layer-depth) * -1))}#layer-2{transform:translateZ(calc(2 * var(--layer-depth) * -1))}#layer-3{transform:translateZ(calc(3 * var(--layer-depth) * -1))}#layer-4{transform:translateZ(calc(4 * var(--layer-depth) * -1))}#layer-5{transform:translateZ(calc(5 * var(--layer-depth) * -1))}.layer-content{will-change:transform;width:100%;max-width:1200px;position:relative}.hud-frame{pointer-events:none;z-index:1;position:absolute;inset:-15px}.hud-frame.sm{inset:-8px}.hud-frame.lg{inset:-20px}.frame-corner{width:20px;height:20px;position:absolute}.frame-corner.tl{border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);top:0;left:0}.frame-corner.tr{border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);top:0;right:0}.frame-corner.bl{border-bottom:2px solid var(--cyan);border-left:2px solid var(--cyan);bottom:0;left:0}.frame-corner.br{border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan);bottom:0;right:0}.frame-scanner{background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:60px;height:2px;box-shadow:0 0 15px var(--cyan), 0 0 30px var(--glow-cyan);animation:4s linear infinite scanHorizontal;position:absolute;top:0;left:0}@keyframes scanHorizontal{0%{top:0;left:-60px}25%{top:0;left:calc(100% + 10px)}25.1%{width:2px;height:60px;top:0;left:100%}50%{width:2px;height:60px;top:calc(100% + 10px);left:100%}50.1%{width:60px;height:2px;top:100%;left:calc(100% + 10px)}75%{width:60px;height:2px;top:100%;left:-60px}75.1%{width:2px;height:60px;top:calc(100% + 10px);left:0}to{width:2px;height:60px;top:-60px;left:0}}h1{letter-spacing:6px;color:var(--white);text-transform:uppercase;text-shadow:0 0 60px #00e5ff14;font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1}h2{letter-spacing:3px;color:var(--white);text-transform:uppercase;text-shadow:0 0 40px #00e5ff0f;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.15}.accent{color:var(--cyan);text-shadow:0 0 30px var(--glow-cyan-strong), 0 0 60px var(--glow-cyan)}p{color:var(--dim);max-width:480px;font-size:1.05rem;font-weight:300;line-height:1.8}.section-idx{color:var(--neon);letter-spacing:4px;text-shadow:0 0 10px var(--glow-neon-strong);margin-bottom:.5rem;font-size:.7rem;display:inline-block;position:relative}.section-idx:after{content:"";background:linear-gradient(90deg, var(--neon), transparent);width:0;height:1px;animation:3s ease-out infinite idxLine;position:absolute;bottom:-3px;left:0}@keyframes idxLine{0%{opacity:0;width:0}30%{opacity:1;width:100%}70%{opacity:.5;width:100%}to{opacity:0;width:0}}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:var(--cyan);animation:5s infinite g1}.glitch-text:after{color:var(--neon);animation:5s infinite g2}@keyframes g1{0%,93%,to{opacity:0}93.5%{opacity:.8;clip-path:inset(15% 0 65%);transform:translate(-4px,2px)}94%{opacity:0}96%{opacity:.5;clip-path:inset(55% 0 15%);transform:translate(3px,-1px)}96.5%{opacity:0}}@keyframes g2{0%,95%,to{opacity:0}95.5%{opacity:.6;clip-path:inset(35% 0 40%);transform:translate(4px,-3px)}96%{opacity:0}98%{opacity:.4;clip-path:inset(10% 0 70%);transform:translate(-3px,2px)}98.5%{opacity:0}}.hero-layout{grid-template-columns:1.3fr .7fr;align-items:center;gap:4rem;display:grid}.hero-main{flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:relative}.hero-init{color:var(--neon);letter-spacing:2px;font-size:.75rem}.hero-role-bar{align-items:center;gap:1rem;display:flex}.role-dash{background:var(--cyan);width:40px;height:1px;box-shadow:0 0 8px var(--glow-cyan)}.role-label{letter-spacing:4px;color:var(--cyan);font-size:.8rem}.hero-desc{font-size:1.1rem;line-height:1.9}.hero-stats{border:1px solid var(--border);background:#00e5ff05;align-items:center;gap:2rem;margin-top:1rem;padding:1.2rem 1.5rem;display:flex}.stat-item{flex-direction:column;align-items:center;gap:.3rem;display:flex}.stat-value{color:var(--cyan);text-shadow:0 0 15px var(--glow-cyan);font-size:1.4rem;font-weight:700}.stat-label{letter-spacing:2px;color:var(--dim);font-size:.6rem;font-family:var(--ff-mono)}.stat-divider{background:var(--border);width:1px;height:40px}.hero-side{flex-direction:column;align-items:center;gap:2rem;display:flex}.arc-reactor{width:240px;height:240px;position:relative}.reactor-svg{width:100%;height:100%;filter:drop-shadow(0 0 20px var(--glow-cyan))}.reactor-ring{fill:none;stroke:var(--border);stroke-width:.5px}.reactor-ring.r2{stroke-dasharray:4 8;transform-origin:50%;animation:30s linear infinite spinSlow}.reactor-ring.r3{stroke-dasharray:2 6;transform-origin:50%;animation:20s linear infinite reverse spinSlow}.reactor-arc{fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600px;transform-origin:50%}.reactor-arc.a1{stroke:var(--cyan);stroke-dasharray:100 500;animation:8s linear infinite spinSlow}.reactor-arc.a2{stroke:var(--neon);stroke-dasharray:80 360;stroke-width:1.5px;animation:6s linear infinite reverse spinSlow}.reactor-arc.a3{stroke:var(--cyan-med);stroke-dasharray:60 350;stroke-width:1px;animation:10s linear infinite spinSlow}@keyframes spinSlow{to{transform:rotate(360deg)}}.reactor-core{fill:none;stroke:var(--cyan);stroke-width:1px}.reactor-core-glow{fill:#00e5ff14;stroke:var(--cyan);stroke-width:1.5px;animation:3s ease-in-out infinite coreBreath}@keyframes coreBreath{0%,to{fill:#00e5ff0d;filter:none}50%{fill:#00e5ff26;filter:drop-shadow(0 0 10px var(--cyan))}}.reactor-label{fill:var(--white);font-family:var(--ff-body);letter-spacing:4px;font-size:1.8rem;font-weight:800}.reactor-sublabel{fill:var(--cyan-med);font-family:var(--ff-mono);letter-spacing:4px;font-size:.45rem}.orbit-dot{background:var(--cyan);width:4px;height:4px;box-shadow:0 0 8px var(--cyan);border-radius:50%;position:absolute;top:50%;left:50%}.od1{--r:105px;animation:6s linear infinite orbit}.od2{--r:88px;animation:8s linear infinite reverse orbit}.od3{--r:72px;animation:10s linear infinite orbit}@keyframes orbit{0%{transform:rotate(0deg) translateX(var(--r)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--r)) rotate(-360deg)}}.side-readout{flex-direction:column;gap:.4rem;width:100%;max-width:220px;display:flex}.readout-row{letter-spacing:1.5px;border-bottom:1px solid #00e5ff0f;justify-content:space-between;padding:.3rem 0;font-size:.6rem;display:flex}.readout-key{color:var(--dim)}.readout-val{color:var(--cyan-med)}.readout-val.active{color:var(--neon);text-shadow:0 0 5px var(--glow-neon)}.split-layout{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.split-layout.text-left .section-text{order:1}.split-layout.text-left .section-visual,.split-layout.text-right .section-text{order:2}.split-layout.text-right .section-visual{order:1}.section-text{flex-direction:column;gap:1rem;padding:2rem;display:flex;position:relative}.section-visual{justify-content:center;align-items:center;display:flex}.tag-row{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.tag{font-family:var(--ff-mono);letter-spacing:2px;color:var(--cyan);border:1px solid var(--border);background:#00e5ff08;padding:.35rem .8rem;font-size:.6rem;transition:all .35s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.tag:before{content:"";opacity:0;background:linear-gradient(135deg,#00e5ff14,#39ff140a);transition:opacity .35s;position:absolute;inset:0}.tag:hover:before{opacity:1}.tag:hover{border-color:var(--cyan);box-shadow:0 0 18px var(--glow-cyan), inset 0 0 12px #00e5ff0a;color:var(--white);text-shadow:0 0 8px var(--glow-cyan);background:#00e5ff0f;transform:translateY(-3px)scale(1.03)}.vis-flowchart{flex-direction:column;align-items:center;display:flex}.fc-node{font-family:var(--ff-mono);letter-spacing:2px;justify-content:center;align-items:center;font-size:.6rem;transition:all .3s;display:flex}.fc-start{border:1px solid var(--cyan);width:100px;height:36px;color:var(--cyan);box-shadow:0 0 15px var(--glow-cyan);background:#00e5ff0a;border-radius:18px}.fc-process{border:1px solid var(--neon);width:120px;height:40px;color:var(--neon);box-shadow:0 0 15px var(--glow-neon);background:#39ff140a}.fc-diamond{border:1px solid var(--cyan);width:50px;height:50px;color:var(--cyan);box-shadow:0 0 15px var(--glow-cyan);background:#00e5ff0a;transform:rotate(45deg)}.fc-diamond span{transform:rotate(-45deg)}.fc-end{border-radius:4px;width:80px;height:32px;font-size:.55rem}.fc-end.green{border:1px solid var(--neon);color:var(--neon);background:#39ff140a}.fc-end.red{border:1px solid var(--danger);color:var(--danger);background:#ff3e3e0a}.fc-pipe{background:var(--border);box-shadow:0 0 4px var(--glow-cyan)}.fc-pipe.v{width:1px;height:25px}.fc-pipe.h{width:35px;height:1px}.fc-branches{gap:50px;margin-top:0;display:flex}.fc-branch{align-items:center;display:flex}.vis-float-data{letter-spacing:2px;color:var(--dim);border-left:1px solid var(--border);flex-direction:column;gap:.3rem;margin-top:1.5rem;padding-left:.5rem;font-size:.55rem;display:flex}.vis-browser{width:320px}.browser-chrome{border:1px solid var(--border);background:var(--bg-card);border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:10px;padding:10px 14px;display:flex}.bc-dots{gap:5px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.r{background:var(--danger);opacity:.5}.dot.y{background:var(--warn);opacity:.5}.dot.g{background:var(--neon);opacity:.5}.bc-url{color:var(--dim);letter-spacing:1px;border:1px solid var(--border);background:#00e5ff05;border-radius:4px;flex:1;padding:4px 10px;font-size:.55rem}.bc-actions{color:var(--dim);font-size:.8rem}.browser-body{border:1px solid var(--border);background:#080e1e99;border-top:none;border-radius:0 0 8px 8px;flex-direction:column;gap:12px;padding:14px;display:flex}.bb-nav{justify-content:space-between;align-items:center;display:flex}.bb-logo{border:1px solid var(--cyan-dim);background:#00e5ff0d;border-radius:4px;width:24px;height:24px}.bb-links{gap:8px;display:flex}.bb-links span{background:#00e5ff1a;border-radius:2px;width:30px;height:4px}.bb-hero{border:1px solid var(--border);background:linear-gradient(135deg,#00e5ff0a,#39ff1405);border-radius:6px;flex-direction:column;gap:10px;padding:16px;animation:4s ease-in-out infinite alternate browserPulse;display:flex}@keyframes browserPulse{0%{border-color:var(--border)}to{border-color:var(--cyan-dim);box-shadow:0 0 15px var(--glow-cyan)}}.bb-hero-text{flex-direction:column;gap:5px;display:flex}.bb-line{background:#00e5ff14;border-radius:2px;height:4px}.bb-line.l1{width:60%}.bb-line.l2{width:80%}.bb-line.l3{width:40%}.bb-hero-btn{border:1px solid var(--neon);background:#39ff140f;border-radius:3px;width:60px;height:18px}.bb-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bb-card{border:1px solid var(--border);background:#00e5ff05;border-radius:4px;flex-direction:column;gap:5px;padding:6px;display:flex}.bbc-img{background:linear-gradient(135deg,#00e5ff0f,#39ff140a);border-radius:2px;height:24px}.bbc-text{flex-direction:column;gap:3px;display:flex}.bbc-text span{background:#00e5ff0f;border-radius:1px;height:3px}.bbc-text span:last-child{width:60%}.vis-code-editor{border:1px solid var(--border);background:var(--bg-card);width:360px;box-shadow:0 0 30px #0000004d, 0 0 60px var(--glow-cyan);border-radius:8px;overflow:hidden}.ce-tabs{border-bottom:1px solid var(--border);display:flex}.ce-tab{letter-spacing:1px;color:var(--dim);border-right:1px solid var(--border);cursor:pointer;padding:8px 16px;font-size:.6rem}.ce-tab.active{color:var(--white);border-bottom:2px solid var(--cyan);background:#00e5ff0a}.ce-body{padding:0;display:flex}.ce-lines{color:#4a5a7566;text-align:right;border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;background:#00000026;flex-direction:column;padding:12px 10px;font-size:.6rem;line-height:1.8;display:flex}.ce-code{font-family:var(--ff-mono);flex:1;padding:12px 14px;font-size:.68rem;line-height:1.8;overflow-x:auto}.ce-code code{color:var(--dim)}.kw{color:#c678dd}.cls{color:#e5c07b}.tp{color:var(--cyan)}.fn{color:#61afef}.cm{color:#4a5a7599;font-style:italic}.ce-status{color:var(--dim);letter-spacing:1px;border-top:1px solid var(--border);background:#0000001a;justify-content:space-between;padding:6px 14px;font-size:.55rem;display:flex}.vis-security{flex-direction:column;align-items:center;gap:2rem;width:280px;display:flex}.sec-shield{width:90px;height:110px;position:relative}.shield-svg{width:100%;height:100%;filter:drop-shadow(0 0 15px var(--glow-neon))}.shield-outline{fill:none;stroke:var(--neon);stroke-width:2px;stroke-dasharray:400;stroke-dashoffset:400px;animation:2s ease-out forwards drawShield}@keyframes drawShield{to{stroke-dashoffset:0}}.shield-fill{fill:#39ff1408;stroke:none}.shield-icon{fill:var(--neon);opacity:0;font-size:2rem;animation:.8s ease-out 1.5s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.shield-pulse{border:1px solid var(--neon);opacity:0;border-radius:50%;animation:3s ease-out infinite shieldWave;position:absolute;inset:-10px}@keyframes shieldWave{0%{opacity:.3;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.sec-meters{flex-direction:column;gap:.8rem;width:100%;display:flex}.sm-header{justify-content:space-between;margin-bottom:4px;display:flex}.sm-label{letter-spacing:2px;color:var(--dim);font-size:.55rem}.sm-val{letter-spacing:1px;color:var(--neon);font-size:.55rem}.sm-val.danger{color:var(--danger)}.sm-track{background:#00e5ff14;border-radius:2px;height:3px;overflow:hidden}.sm-fill{height:100%;width:var(--w);background:linear-gradient(90deg, var(--cyan), var(--neon));box-shadow:0 0 8px var(--glow-neon);transform-origin:0;border-radius:2px;animation:1.8s ease-out forwards meterFill;transform:scaleX(0)}.sm-fill.green{background:var(--neon)}.sm-fill.red{background:var(--danger);box-shadow:0 0 8px #ff3e3e4d}@keyframes meterFill{to{transform:scaleX(1)}}.contact-layout{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;display:flex;position:relative}.contact-desc{text-align:center;max-width:520px}.contact-grid{flex-direction:column;gap:.8rem;width:100%;max-width:440px;margin-top:1rem;display:flex}.contact-card{border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00e5ff05;align-items:center;gap:1.2rem;padding:1.2rem 1.5rem;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.contact-card:before{content:"";background:linear-gradient(105deg,#0000,#00e5ff14,#39ff140a,#0000);width:60%;height:100%;transition:left .7s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.contact-card:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--neon));width:0;height:1px;box-shadow:0 0 8px var(--glow-cyan);transition:width .5s;position:absolute;bottom:0;left:0}.contact-card:hover:before{left:160%}.contact-card:hover:after{width:100%}.contact-card:hover{border-color:var(--border-hover);box-shadow:0 0 40px var(--glow-cyan), inset 0 0 20px #00e5ff05;background:#00e5ff0d;transform:translate(10px)}.cc-icon{width:36px;height:36px;color:var(--cyan);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cc-icon svg{width:22px;height:22px}.cc-info{text-align:left;flex-direction:column;flex:1;gap:.2rem;display:flex}.cc-label{letter-spacing:3px;color:var(--dim);font-size:.6rem}.cc-value{color:var(--white);font-size:.95rem;font-weight:400}.cc-arrow{color:var(--cyan-dim);font-size:1.2rem;transition:all .3s}.contact-card:hover .cc-arrow{color:var(--cyan);transform:translate(5px)}.contact-signature{color:var(--dim);letter-spacing:2px;flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;font-size:.65rem;display:flex}.sig-line{background:linear-gradient(90deg, transparent, var(--border), transparent);width:60px;height:1px}.sig-year{color:#4a5a7580;font-size:.55rem}@media (width<=960px){#particle-canvas{display:none}body:before{opacity:.5}.layer{padding:4rem 2rem}.hero-layout{grid-template-columns:1fr;gap:2rem}.hero-main{text-align:center;align-items:center}.hero-desc{text-align:center}.hero-stats{flex-wrap:wrap;justify-content:center}.split-layout{grid-template-columns:1fr;gap:2.5rem}.split-layout.text-left .section-visual,.split-layout.text-right .section-visual{order:2}.split-layout.text-left .section-text,.split-layout.text-right .section-text{order:1}.section-text{text-align:center;align-items:center}p{text-align:center}.left-rail{display:none}.tag:hover{transform:none}.contact-card:hover{transform:translate(4px)}}@media (width<=520px){.layer{padding:3rem 1rem}#hud-top,#hud-bottom{padding:.7rem 1rem;font-size:.55rem}#hud-coords,#hud-depth{display:none}h1{letter-spacing:3px;font-size:2.2rem}h2{font-size:1.8rem}.hero-stats{gap:1rem;padding:1rem}.vis-browser,.vis-code-editor{width:280px}.contact-card{padding:1rem}body:before{display:none}}