@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;800&family=Syne:wght@700;800&display=swap";:root{--bg-color:#030303;--text-primary:#fff;--text-secondary:#fff9;--accent-cyan:#00e5ff;--accent-purple:#a855f7;--accent-pink:#ec4899;--glass-bg:#0f0f1999;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);width:100%;color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--accent-purple) var(--bg-color);font-family:Outfit,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-cyan), var(--accent-purple));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}#webgl-canvas{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.app-container{z-index:2;width:100%;min-height:100vh;position:relative}.preloader{z-index:9999;background-color:#030303;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;left:0}.preloader.fade-out{opacity:0;pointer-events:none}.preloader-content{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.preloader-title{text-transform:uppercase;letter-spacing:.2em;background:linear-gradient(90deg,#fff,#ffffff4d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-family:Syne,sans-serif;font-size:3rem;font-weight:800}.preloader-subtitle{letter-spacing:.4em;text-transform:uppercase;color:var(--text-secondary);font-size:.9rem;font-weight:300}.progress-bar-container{background-color:#ffffff0d;border-radius:4px;width:320px;height:2px;position:relative;overflow:hidden;box-shadow:0 0 20px #a855f733}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple), var(--accent-pink));width:0%;height:100%;box-shadow:0 0 10px var(--accent-cyan);transition:width .1s ease-out}.progress-percentage{color:var(--accent-cyan);margin-top:10px;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700}.header{z-index:100;justify-content:space-between;align-items:center;width:100%;padding:30px 50px;display:flex;position:fixed;top:0;left:0}.logo{text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(45deg, #fff, var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Syne,sans-serif;font-size:1.25rem;font-weight:800}.nav-links{gap:30px;display:flex}.nav-link{text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);font-size:.8rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";background-color:var(--accent-cyan);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.header-btn{text-transform:uppercase;letter-spacing:.15em;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;padding:10px 24px;font-size:.75rem;font-weight:600;transition:all .3s}.header-btn:hover{border-color:var(--accent-cyan);box-shadow:0 0 15px #00e5ff33}.scroll-content{z-index:10;position:relative}.section{align-items:center;min-height:250vh;padding:0 10%;display:flex;position:relative}.section.center{text-align:center;justify-content:center}.section.right{text-align:right;justify-content:flex-end}.section.left{text-align:left;justify-content:flex-start}.section-content{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:650px;transform-style:preserve-3d;perspective:1000px;border-radius:20px;padding:50px;box-shadow:0 20px 40px #00000080}.section-content:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff1a,#fff0,#00e5ff26);border-radius:20px;position:absolute;inset:-1px}.section-tag{text-transform:uppercase;letter-spacing:.3em;color:var(--accent-cyan);margin-bottom:20px;font-size:.75rem;font-weight:600;display:inline-block}.section-title{text-transform:uppercase;background:linear-gradient(90deg,#fff,#fff9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-family:Syne,sans-serif;font-size:3rem;font-weight:800;line-height:1.1}.section-desc{color:var(--text-secondary);font-size:1.05rem;font-weight:300;line-height:1.7}.hero-content{text-align:center;flex-direction:column;align-items:center;max-width:900px;display:flex}.hero-title{text-transform:uppercase;letter-spacing:-.02em;background:linear-gradient(#fff 30%,#ffffff26 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:30px;font-family:Syne,sans-serif;font-size:6rem;font-weight:800;line-height:.95}.hero-subtitle{color:var(--text-secondary);letter-spacing:.05em;max-width:600px;margin-bottom:40px;font-size:1.25rem;font-weight:300;line-height:1.6}.scroll-indicator{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3em;flex-direction:column;align-items:center;gap:12px;font-size:.75rem;display:flex}.mouse{border:2px solid #ffffff4d;border-radius:20px;width:22px;height:36px;position:relative}.wheel{background-color:var(--accent-cyan);border-radius:2px;width:4px;height:8px;animation:1.5s ease-in-out infinite scrollWheel;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scrollWheel{0%{opacity:1;top:6px}50%{opacity:.3;top:14px}to{opacity:1;top:6px}}.footer{z-index:10;text-shadow:0 2px 4px #0009;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:60px 50px 40px;display:flex;position:relative}.footer-content{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1200px;padding-top:40px;display:flex}.footer-logo{letter-spacing:.1em;text-transform:uppercase;color:#fff;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800}.footer-links{gap:40px;display:flex}.footer-link{color:#fff;font-size:.85rem;text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--accent-cyan)}.footer-copy{color:#ffffffd9;text-align:center;width:100%;margin-top:50px;font-size:.75rem}@media (width<=992px){.hero-title{font-size:4rem}.section-title{font-size:2.25rem}}@media (width<=768px){.header{padding:20px}.nav-links{display:none}.hero-title{font-size:3rem}.section{padding:0 5%}.section-content{padding:30px}.section-title{font-size:1.75rem}}