*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--neon-blue:#00d4ff;--neon-purple:#8b5cf6;--neon-green:#39ff14;--neon-pink:#ff006e;--bg:#020408;--text:#e2e8f0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow:hidden}#root{width:100%;height:100%;position:fixed;inset:0}.canvas-root{z-index:1;position:absolute;inset:0}.hud{z-index:20;pointer-events:none;position:fixed;inset:0}.progress-bar{background:linear-gradient(90deg, var(--neon-blue), var(--neon-purple));height:2px;box-shadow:0 0 10px var(--neon-blue);transition:width 80ms linear;position:absolute;top:0;left:0}.scene-tag{letter-spacing:.18em;text-transform:uppercase;color:#ffffff59;font-size:10px;position:absolute;top:18px;left:24px}.scene-tag em{color:var(--neon-blue);font-style:normal}.nav-dots{pointer-events:auto;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.nav-dot{cursor:pointer;background:#ffffff2e;border:1px solid #ffffff40;border-radius:50%;width:7px;height:7px;transition:all .25s;position:relative}.nav-dot:after{content:attr(data-label);white-space:nowrap;letter-spacing:.12em;color:#ffffff80;opacity:0;pointer-events:none;font-size:10px;transition:opacity .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.nav-dot:hover:after{opacity:1}.nav-dot.active{background:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue);transform:scale(1.4)}.nav-dot:hover:not(.active){box-shadow:0 0 6px var(--neon-purple);background:#8b5cf6b3}.scroll-hint{opacity:1;flex-direction:column;align-items:center;gap:8px;transition:opacity .5s;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-hint.hidden{opacity:0}.scroll-hint span{letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;font-size:10px}.scroll-mouse{border:1px solid #ffffff40;border-radius:10px;width:20px;height:32px;position:relative}.scroll-mouse:after{content:"";background:var(--neon-blue);border-radius:1px;width:2px;height:6px;animation:1.8s ease-in-out infinite scrollDown;position:absolute;top:5px;left:50%;transform:translate(-50%)}@keyframes scrollDown{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(14px)}}.cta-panel{text-align:center;pointer-events:auto;opacity:0;transition:opacity .8s;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.cta-panel.visible{opacity:1}.cta-panel h2{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700}.cta-panel p{color:#ffffff80;letter-spacing:.08em;margin-bottom:24px;font-size:13px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--neon-blue);background:0 0;border:1px solid #00d4ff66;border-radius:3px;padding:11px 28px;font-family:inherit;font-size:12px;text-decoration:none;transition:all .25s}.cta-btn:hover{background:#00d4ff1f;box-shadow:0 0 18px #00d4ff40}.cta-btn.primary{border-color:var(--neon-blue);background:#00d4ff1f}.scene1-hero{text-align:center;z-index:30;width:min(860px,90vw);transition:opacity .15s linear;position:absolute;top:14%;left:50%;transform:translate(-50%)}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#a8d8ff 35%,#00d4ff 60%,#8b5cf6 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #00d4ff59);-webkit-background-clip:text;background-clip:text;margin-bottom:.55rem;font-size:clamp(2rem,5.5vw,3.8rem);font-weight:800;line-height:1.08}.hero-sub{letter-spacing:.2em;text-transform:uppercase;color:var(--neon-blue);opacity:.85;font-size:clamp(.7rem,1.4vw,.95rem);font-weight:400}.loading{z-index:100;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .8s .5s;display:flex;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-ring{border:1.5px solid #00d4ff26;border-top-color:var(--neon-blue);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite spin}.loading-text{letter-spacing:.25em;text-transform:uppercase;color:#ffffff59;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}.interact-btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--neon-blue);white-space:nowrap;background:#020408cc;border:1px solid #00d4ff80;border-radius:3px;padding:8px 20px;font-family:inherit;font-size:11px;transition:all .2s}.interact-btn:hover{background:#00d4ff26;box-shadow:0 0 12px #00d4ff4d}.skill-panel{pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02040cf5;border:1px solid #ffffff24;border-radius:12px;min-width:260px;max-width:300px;padding:18px 22px;font-family:Inter,Segoe UI,system-ui,sans-serif}.skill-panel-title{letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid #ffffff1a;margin-bottom:14px;padding-bottom:10px;font-size:13px;font-weight:700}.skill-panel-item{margin-bottom:11px}.skill-panel-item:last-child{margin-bottom:0}.skill-panel-name{color:#e2e8f0;margin-bottom:3px;font-size:14px;font-weight:600;display:block}.skill-panel-sub{color:#ffffff7a;letter-spacing:.03em;font-size:12px;line-height:1.4;display:block}.tooltip-box{color:var(--text);pointer-events:none;white-space:normal;background:#020408eb;border:1px solid #00d4ff66;border-radius:6px;max-width:180px;padding:10px 14px;font-size:12px;box-shadow:0 0 24px #00d4ff26}.tooltip-box h4{color:var(--neon-blue);margin-bottom:5px;font-size:13px}.tooltip-box p{color:#ffffffa6;line-height:1.5}