*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;line-height:1.6}#app{position:relative;width:100%;height:100vh}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease-out}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;max-width:400px;padding:2rem}.loading-spinner{width:60px;height:60px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #64ffda;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(45deg,#64ffda,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-content p{color:#ffffffb3;font-size:1rem}#three-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#scroll-container{position:relative;z-index:2;height:400vh}.hero-section,.scroll-section{height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.scroll-section{background:transparent}.section-content{text-align:center;max-width:600px;padding:2rem;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.section-content.visible{opacity:1;transform:translateY(0)}.section-content h2{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#64ffda,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-content p{font-size:1.2rem;color:#fffc;font-weight:300}.hero-content h1{font-size:4rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#64ffda,#00d4ff,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px rgba(100,255,218,.5)}to{text-shadow:0 0 30px rgba(100,255,218,.8),0 0 40px rgba(0,212,255,.5)}}.hero-content p{font-size:1.4rem;color:#fffc;font-weight:300}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.scroll-indicator{position:fixed;right:30px;top:50%;transform:translateY(-50%);width:4px;height:100px;background:#ffffff1a;border-radius:2px}.scroll-progress{width:100%;height:0%;background:linear-gradient(to bottom,#64ffda,#00d4ff);border-radius:2px;transition:height .1s ease-out}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.section-content h2{font-size:2rem}.section-content p,.hero-content p{font-size:1rem}.scroll-indicator{right:15px;width:3px;height:80px}}@media (max-width: 480px){.hero-content h1{font-size:2rem}.section-content h2{font-size:1.5rem}.section-content{padding:1rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#64ffda,#00d4ff);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#00d4ff,#64ffda)}