*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#000814;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}body{margin:0;width:100vw;min-height:100vh}#root{width:100%;min-height:100%}.leva-c-kWgxhW,.leva__root,[class*=leva],[class*=Leva]{display:none!important;opacity:0!important;pointer-events:none!important}body{cursor:none}.simple-cursor{position:fixed;width:30px;height:30px;border-radius:50%;pointer-events:none;z-index:9999;left:-9999px;top:-9999px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,255,136,.3),rgba(0,255,136,.1) 60%,transparent);border:1px solid rgba(0,255,136,.4);backdrop-filter:blur(4px);transition:width .2s ease,height .2s ease}a:hover~.simple-cursor,button:hover~.simple-cursor,input:hover~.simple-cursor{width:50px;height:50px}#root{width:100vw;height:100vh;margin:0;padding:0}.hidden-initial{opacity:0!important;transform:translateY(15px)!important;pointer-events:none!important}.fade-in-1{animation:smoothFadeIn .6s ease-out .2s both!important}.fade-in-2{animation:smoothFadeIn .6s ease-out .5s both!important}.fade-in-3{animation:smoothFadeIn .6s ease-out .7s both!important}.fade-in-4{animation:smoothFadeIn .6s ease-out .9s both!important}.fade-in-5{animation:smoothFadeIn .6s ease-out 1.1s both!important}.fade-in-6{animation:smoothFadeIn .6s ease-out 1.3s both!important}.fade-in-7{animation:smoothFadeIn .6s ease-out 1.5s both!important}.fade-in-8{animation:smoothFadeIn .6s ease-out 1.7s both!important}.fade-in-9{animation:smoothFadeIn .6s ease-out 1.9s both!important}@keyframes smoothFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0);pointer-events:auto}}.canvas{position:fixed!important;top:0;left:0;width:100vw;height:100vh}.main-content{position:relative;z-index:10}.content-section{opacity:0;transform:translateY(15px);margin-top:100vh}.content-section:not(:first-child){margin-top:0}.sticky-nav{position:fixed;top:0;left:0;right:0;z-index:1000;opacity:0;transform:translateY(-100%);transition:transform .3s ease,opacity .3s ease}.sticky-nav.fade-in-1{opacity:1;transform:translateY(0)}.nav-container{max-width:1400px;margin:0 auto;padding:16px;display:flex;justify-content:center;align-items:center;gap:12px;height:80px}.nav-link{color:#ffffffe6;text-decoration:none;font-size:.72rem;font-weight:500;letter-spacing:.05em;padding:8px 20px;border-radius:25px;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;animation:shimmer 5.6s ease-in-out infinite;animation-play-state:paused;position:relative;background:linear-gradient(135deg,#87cefa6b,#000814,#00ff886b);background-size:200% 200%;background-position:50% 50%;backdrop-filter:blur(10px);border:1px solid rgba(0,255,136,.44);overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;pointer-events:none}.nav-link:hover{color:#0f8;background:linear-gradient(135deg,#87cefa70,#000814,#00ff8870);background-size:200% 200%;background-position:50% 50%;border-color:#00ff8880;transform:translateY(-2px);box-shadow:0 5px 20px #00ff8870;animation-play-state:running;backdrop-filter:blur(15px)}.nav-link:hover:before{left:100%}.nav-link:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:#0f8;transition:transform .3s ease;border-radius:2px}.nav-link:hover:after{transform:translate(-50%) scaleX(1)}@media (max-width: 768px){.nav-container{gap:8px;padding:0 10px}.nav-link{font-size:.6rem;padding:4.8px 10px}}.top-right-overlay{position:absolute;top:30px;left:30px;z-index:100;color:#fff;pointer-events:none;text-align:left;max-width:384px;opacity:0;transform:translateY(15px)}.portfolio-header{margin-bottom:18px}.portfolio-title{font-family:Orbitron,monospace;font-size:1.344rem;font-weight:700;color:#0f8;margin:0 0 2.4px;text-shadow:0 0 12px rgba(0,255,136,.5);letter-spacing:.05em}.portfolio-subtitle{font-size:.72rem;color:#ffffff80;margin:0;letter-spacing:.15em;text-transform:uppercase}.user-instructions{margin-bottom:24px;padding:9.6px 0;border-top:1px solid rgba(0,255,136,.44);border-bottom:1px solid rgba(0,255,136,.44)}.instruction-item{font-size:.72rem;color:#fff9;margin:3.84px 0;line-height:1.26;font-family:Courier New,monospace}.stat-badge{background:linear-gradient(135deg,#87cefa70,#000814,#00ff8870);background-size:200% 200%;background-position:50% 50%;border:1px solid rgba(0,255,136,.3);padding:4px 12px;border-radius:20px;font-size:.72rem;color:#0f8;backdrop-filter:blur(10px);pointer-events:auto;cursor:default;position:relative;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;animation:shimmer 5.6s ease-in-out infinite;animation-play-state:paused;overflow:hidden}.stat-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;pointer-events:none}.stat-badge:hover{background:linear-gradient(135deg,#87cefa80,#000814,#00ff884d);background-size:200% 200%;background-position:50% 50%;border-color:#0f8;transform:translateY(-2px);box-shadow:0 5px 20px #00ff884d;animation-play-state:running;backdrop-filter:blur(15px);n.stat-badge:hover:before{left:100%}}n.stat-badge:hover:before{left:100%}.konami-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;text-align:center;animation:konami-appear .5s ease-out}@keyframes konami-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-180deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.konami-text{font-size:2.4rem;background:linear-gradient(45deg,#ff006e,#0f8,#08f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 50px rgba(0,255,136,.5);animation:rainbow-shift 2s infinite}@keyframes rainbow-shift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}.konami-subtitle{font-size:1.2rem;color:#0f8;margin-top:10px;animation:pulse-glow 1s infinite}@keyframes pulse-glow{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 20px #00ff88}}.name-input-container{pointer-events:auto}.name-input{background:linear-gradient(135deg,#87cefa6b,#000814,#00ff886b);background-size:200% 200%;background-position:50% 50%;border:2px solid rgba(0,255,136,.3);border-radius:30px;padding:8.64px 21.6px;font-size:.816rem;color:#0f8;outline:none;width:300px;position:relative;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;overflow:hidden;animation:shimmer 5.6s ease-in-out infinite;animation-play-state:paused;backdrop-filter:blur(10px);text-align:center;font-family:inherit;letter-spacing:.05em;n.name-input:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;pointer-events:none}}n.name-input:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;pointer-events:none}.name-input::placeholder{color:#0f86}.name-input:focus{background:linear-gradient(135deg,#87cefa70,#000814,#00ff8870);background-size:200% 200%;background-position:50% 50%;border-color:#0f8;box-shadow: 0 0 30px rgba(0,255,136,.3),n.name-input:focus::before{left:100%}inset 0 0 10px rgba(0,255,136,.1);transform:translateY(-2px);backdrop-filter:blur(15px);n.name-input:focus:before{left:100%}}n.name-input:focus:before{left:100%}.name-input:hover{border-color:#00ff8880;animation-play-state:running;backdrop-filter:blur(15px);n.name-input:hover:before{left:100%}}n.name-input:hover:before{left:100%}.input-hint{font-size:.648rem;color:#fff6;margin-top:7.2px;margin-bottom:0;transition:opacity .3s ease}.name-input:focus~.input-hint{opacity:.7;color:#0f89}.hint{color:#ffffff80;margin:0}.easter-egg-hint{margin-top:18px;font-size:.816rem;opacity:.5}.section-loading{text-align:center;padding:32px;color:#ffffff80;font-size:.8rem}.scroll-indicator{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6.4px;z-index:100;pointer-events:none;opacity:0;animation:scrollBounce 2s ease-in-out infinite}.mouse-icon{width:24px;height:40px;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:3.2px;position:relative;backdrop-filter:blur(10px)}.mouse-wheel{width:4px;height:8px;background:#0f8;border-radius:2px;margin:0 auto;box-shadow:0 0 10px #0f89;animation:mouseWheelScroll 2s ease-in-out infinite}.scroll-text{font-family:Courier New,monospace;font-size:.6rem;color:#fff6;margin:0;letter-spacing:.05em;text-transform:uppercase}@keyframes mouseWheelScroll{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.scroll-indicator.hide-scroll{opacity:0!important;pointer-events:none;transition:opacity .3s ease-out}@media (max-width: 768px){.scroll-indicator{bottom:20px}.mouse-icon{width:20px;height:32px;border-width:1.5px}.mouse-wheel{width:3px;height:6px}.scroll-text{font-size:.56rem}}@keyframes shimmer{0%{background-position:50% 50%}50%{background-position:100% 50%}to{background-position:50% 50%}}