*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Arial,sans-serif;height:100%}nav{position:fixed;top:0;left:0;width:100%;background:#000c;padding:1rem 2rem;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;gap:2rem}nav a{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:700;transition:color .3s ease}nav a:hover{color:#667eea}.app{display:flex;flex-direction:column;height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #0000001a;z-index:1000;height:60px}.navbar-brand{font-size:1.5rem;font-weight:700}.navbar-nav{display:flex;list-style:none;gap:2rem;align-items:center}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.nav-link:hover{background:#fff3}.nav-link.active{background:#ffffff4d;font-weight:700}.main-content{flex:1;position:relative}.page{display:none;width:100%;height:100%}.page.active{display:block}.page-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;text-align:center}.page-content h1{font-size:3rem;margin-bottom:1rem;color:#333}.page-content p{font-size:1.2rem;color:#666;margin-bottom:.5rem}.text_webgl{width:100%;height:100%;display:block}.scroll_webgl{position:fixed;top:0;left:0;outline:none;background:#1e1a20}.section{display:flex;align-items:center;height:100vh;position:relative;font-family:Cabin,sans-serif;color:#ffeded;text-transform:uppercase;font-size:7vmin;padding-left:10%;padding-right:10%}section:nth-child(odd){justify-content:flex-end}