*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a1a;color:#fff;font-family:Space Grotesk,sans-serif}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1a;z-index:1000;transition:opacity .8s ease}#loading.hidden{opacity:0;pointer-events:none}.loader-ring{width:48px;height:48px;border:2px solid rgba(0,240,255,.15);border-top-color:#00f0ff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}#loading p{font-size:12px;letter-spacing:.3em;color:#fff6}#three-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}#three-container canvas{display:block;width:100%!important;height:100%!important}#app{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}#app::-webkit-scrollbar{display:none}.screen{position:relative;width:100%;height:100vh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.overlay{position:absolute;z-index:10;bottom:15vh;left:8vw;pointer-events:none}.overlay-right{left:auto;right:8vw;text-align:right}.title{font-size:clamp(48px,10vw,120px);font-weight:700;letter-spacing:.08em;color:#fff;text-shadow:0 0 30px rgba(0,240,255,.6),0 0 60px rgba(0,240,255,.3);opacity:0;transform:translateY(20px);animation:fadeUp 1.2s ease .5s forwards}.subtitle{font-size:clamp(12px,1.5vw,18px);letter-spacing:.2em;color:#ffffff80;margin-top:12px;opacity:0;animation:fadeUp 1.2s ease .8s forwards}.title-sm{font-size:clamp(28px,5vw,64px);font-weight:700;letter-spacing:.15em;color:#fff;text-shadow:0 0 20px rgba(0,240,255,.4);opacity:0;transform:translateY(20px);animation:fadeUp 1s ease .3s forwards}.subtitle-sm{font-size:clamp(10px,1.2vw,14px);letter-spacing:.2em;color:#fff6;margin-top:8px;opacity:0;animation:fadeUp 1s ease .6s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.scroll-hint{margin-top:40px;font-size:20px;color:#00f0ff80;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}