*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Arial,sans-serif;overflow:hidden;height:100%}.app{display:flex;flex-direction:column;height:100vh}.navbar{display:flex;justify-content:center;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;overflow:hidden}.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}