*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background:#000;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#bg{position:fixed;inset:0;cursor:grab}#bg:active{cursor:grabbing}.loading{position:fixed;inset:0;background:#000000f2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;transition:opacity .5s}.loading.hidden{opacity:0;pointer-events:none}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.1);border-top-color:#bcbcbf;border-radius:50%;animation:spin 2s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#ffffffb3;font-size:1rem}.menu-btn{position:fixed;top:2rem;left:2rem;width:30px;height:24px;background:none;border:none;cursor:pointer;z-index:1001;padding:0;display:flex;flex-direction:column;justify-content:space-between;opacity:0;animation:fadeIn 2s ease-out .5s forwards}.menu-btn span{display:block;width:100%;height:2px;background:#fff;transition:all .3s ease;box-shadow:0 0 10px #ffffff4d}.menu-btn.active span:nth-child(1){transform:translateY(11px) rotate(45deg)}.menu-btn.active span:nth-child(2){opacity:0}.menu-btn.active span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.title{position:fixed;top:2rem;right:2rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2vw,1.5rem);font-weight:300;letter-spacing:.15em;color:#fff;text-transform:uppercase;z-index:10;pointer-events:none;text-shadow:0 0 20px rgba(255,255,255,.3),0 0 40px rgba(255,255,255,.2),0 0 60px rgba(255,255,255,.1);opacity:0;animation:fadeIn 2s ease-out .5s forwards}.sidebar{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);z-index:1000;transition:left .4s ease;padding:6rem 2rem 2rem}.sidebar.open{left:0}.sidebar nav{display:flex;flex-direction:column;gap:2rem}.sidebar nav a{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:300;letter-spacing:.1em;color:#fffc;text-decoration:none;text-transform:uppercase;transition:all .3s ease;padding:.5rem 0;border-bottom:1px solid transparent}.sidebar nav a:hover{color:#fff;border-bottom-color:#ffffff4d;text-shadow:0 0 20px rgba(255,255,255,.3)}@keyframes fadeIn{to{opacity:1}}@media(max-width:768px){#bg{touch-action:none}.menu-btn{top:1.5rem;left:1.5rem;width:25px;height:20px}.title{top:1.5rem;right:1.5rem;font-size:.875rem;letter-spacing:.1em}.sidebar{width:250px;left:-250px;padding:5rem 1.5rem 1.5rem}.sidebar nav a{font-size:1rem}}