@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
:root{--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-ocean-surface:#0a8a9e;--color-ocean-deep:#010508;--overlay-text:#ffffffe6;--overlay-text-dim:#ffffff80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;overflow-x:hidden}html::-webkit-scrollbar{width:4px}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}body{font-family:var(--font-primary);background:var(--color-ocean-deep);color:var(--overlay-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#scroll-container{width:100%;height:6000vh;position:relative}.canvas-wrapper{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}.overlay{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.subtitle-overlay{z-index:10;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;width:90vw;max-width:800px;display:flex;position:fixed;bottom:10vh;left:50%;transform:translate(-50%)}.overlay-text{letter-spacing:.12em;text-transform:uppercase;text-align:center;text-shadow:0 2px 20px #00000080;font-weight:300;transition:opacity .8s,transform .8s}.overlay-text.title{color:#fff6;margin-bottom:.3em;font-size:clamp(.75rem,1.2vw,1rem);font-weight:600}.overlay-text.subtitle{color:#ffffffe6;text-shadow:0 2px 10px #000c;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:300}.overlay-text.depth-label{letter-spacing:.2em;color:var(--overlay-text-dim);text-align:left;font-size:.75rem;position:fixed;top:2rem;left:2rem}.overlay-text.hidden{opacity:0;transform:translateY(10px)}.overlay-text.visible{opacity:1;transform:translateY(0)}.scroll-indicator{flex-direction:column;align-items:center;gap:.5rem;transition:opacity 1s;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator.hidden{opacity:0;pointer-events:none}.scroll-indicator .arrow{border-bottom:2px solid #ffffff80;border-right:2px solid #ffffff80;width:20px;height:20px;animation:2s ease-in-out infinite scrollBounce;transform:rotate(45deg)}.scroll-indicator .label{letter-spacing:.3em;text-transform:uppercase;color:#fff6;font-size:.65rem}@keyframes scrollBounce{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(6px)}}.credits-container{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.credits-container .depth-reached{letter-spacing:.25em;color:#ffb464b3;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:300}.credits-container .project-name{letter-spacing:.08em;background:linear-gradient(135deg,#4dd0e1,#80deea,#b2ebf2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,4rem);font-weight:500}.credits-container .team-info{color:#ffffff73;letter-spacing:.15em;font-size:clamp(.75rem,1.3vw,.95rem);font-weight:300}.preloader-container{z-index:100;pointer-events:auto;width:100vw;height:100vh;transition:opacity 1s;position:fixed;top:0;left:0}.preloader-container.started{pointer-events:none;opacity:0}.preloader-content{z-index:102;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.preloader-content.fade-out{opacity:0;pointer-events:none}.preloader-content .title{letter-spacing:.3em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 0 20px #4dd0e180;margin-bottom:2rem;font-size:clamp(2rem,5vw,4rem);font-weight:300}.preloader-content .progress-bar{z-index:2;background:#ffffff1a;border-radius:1px;width:clamp(200px,30vw,400px);height:2px;position:relative;overflow:hidden}.preloader-content .progress-fill{background:linear-gradient(90deg,#4dd0e1,#80deea);border-radius:1px;height:100%;transition:width .3s;box-shadow:0 0 10px #4dd0e1}.preloader-content .progress-fill.pulsing{animation:2s ease-in-out infinite alternate pulseWidth}@keyframes pulseWidth{0%{opacity:.5;width:10%}to{opacity:1;width:90%}}.preloader-content .status{letter-spacing:.3em;color:#ffffff80;text-transform:uppercase;text-align:center;min-height:20px;font-family:monospace;font-size:.8rem}.status.system-ready{color:#4dd0e1;text-shadow:0 0 10px #4dd0e180}.sonar-wrapper{z-index:1;pointer-events:none;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonar-ring{opacity:0;border:1px solid #4dd0e14d;border-radius:50%;animation:4s linear infinite sonarPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonar-ring.ring-1{animation-delay:0s}.sonar-ring.ring-2{animation-delay:1.33s}.sonar-ring.ring-3{animation-delay:2.66s}@keyframes sonarPulse{0%{opacity:.8;width:0;height:0}to{opacity:0;width:100%;height:100%}}.start-dive-btn{color:#4dd0e1;letter-spacing:.4em;text-transform:uppercase;cursor:pointer;font-size:1rem;font-family:var(--font-primary);z-index:10;background:#010508cc;border:1px solid #4dd0e166;margin-top:2rem;padding:1rem 3rem;transition:all .3s;position:relative;overflow:hidden}.start-dive-btn:hover{text-shadow:0 0 5px #4dd0e1;background:#4dd0e11a;border-color:#4dd0e1;box-shadow:0 0 20px #4dd0e133}.start-dive-btn:after{content:"";background:linear-gradient(90deg,#0000,#4dd0e133,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.start-dive-btn:hover:after{left:100%}.depth-gauge{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:.3rem;display:flex;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}.depth-gauge .track{background:#ffffff14;border-radius:1px;width:2px;height:clamp(80px,15vh,150px);position:relative}.depth-gauge .fill{background:linear-gradient(#4dd0e1,#0a8a9e);border-radius:1px;width:100%;transition:height .3s;position:absolute;top:0}.depth-gauge .label{letter-spacing:.2em;color:#ffffff4d;writing-mode:vertical-lr;text-orientation:mixed;margin-top:.5rem;font-size:.55rem;transform:rotate(180deg)}.blackout-overlay{z-index:9999;pointer-events:auto;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:4rem;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.terminal-glitch{color:#f33;text-align:center;letter-spacing:.1em;text-shadow:0 0 10px #f00c,2px 2px #0000ff80;font-family:Courier New,Courier,monospace;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;line-height:2;animation:.1s infinite glitchText}.terminal-glitch p.blinking{margin-top:2rem;font-size:clamp(1.5rem,4vw,2.5rem);animation:1s step-end infinite blink}@keyframes glitchText{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(1px,-2px)}to{transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.reboot-btn{color:#f33;letter-spacing:.2em;cursor:pointer;opacity:0;background:0 0;border:1px solid #f33;padding:1rem 3rem;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;transition:all .2s;animation:2s 3s forwards fadeIn}.reboot-btn:hover{background:#f333;box-shadow:0 0 15px #ff333380}@keyframes fadeIn{to{opacity:1}}