:root{--bg-color: #050505;--text-color: #ffffff;--accent-color: #00ff88;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden;background-color:transparent;font-family:Inter,sans-serif;color:var(--text-color)}body{height:500vh}#scroll-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;object-fit:cover;background-color:var(--bg-color)}.glass-nav{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:center;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#05050599;border-bottom:1px solid var(--glass-border)}.nav-content{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:1.5rem;letter-spacing:-.02em}.menu-items{display:flex;gap:2rem;align-items:center}.menu-items a{text-decoration:none;color:#fffc;font-size:.9rem;font-weight:500;transition:color .3s ease}.menu-items a:hover{color:#fff}.cta-button,.primary-cta{background:var(--accent-color);color:#000;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover,.primary-cta:hover{transform:scale(1.05);box-shadow:0 0 20px #0f86;color:#000}.scroll-container{position:relative;width:100%;padding-top:100vh}.hero-section{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}.hero-content{pointer-events:auto;margin-top:-10vh}.hero-content h1{font-size:4rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;background:linear-gradient(to right,#fff,#888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.25rem;color:#fff9}.spacer{height:100vh;display:flex;align-items:center;justify-content:center}.footer-section{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006}.footer-section h2{font-size:3rem;font-weight:700}
