*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0a;color:#fff;font-family:system-ui,-apple-system,sans-serif}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}#overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}#overlay a,#overlay button{pointer-events:auto}.landing-content{text-align:center}.landing-content h1{font-size:clamp(1.5rem,5vw,3.5rem);font-weight:700;color:#fff}.landing-content .tagline{font-size:clamp(.875rem,2.5vw,1.25rem);margin-top:.5rem;opacity:.8;color:#fff}.social-links{display:flex;gap:clamp(.5rem,2vw,1.5rem);flex-wrap:wrap;justify-content:center;margin-top:1rem}.social-links a{color:#fff;text-decoration:none;opacity:.7;transition:opacity .2s}.social-links a:hover{opacity:1}.loading{position:absolute;bottom:2rem;display:flex;align-items:center;gap:.5rem}.progress-text{font-size:.875rem;opacity:.7}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scroll-indicator{position:absolute;bottom:2rem;animation:bounce 2s infinite;background:none;border:none;color:#fff;cursor:pointer;font-size:.875rem;opacity:.7;display:flex;flex-direction:column;align-items:center;gap:.25rem;letter-spacing:.05em}.scroll-indicator:hover{opacity:1}.scroll-indicator.hidden{display:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:480px){#overlay{padding:1rem}.social-links a{min-height:44px;min-width:44px;padding:.75rem 1rem}.scroll-indicator{bottom:1rem;min-height:44px}}@media(min-width:481px)and (max-width:1024px){#overlay{padding:2rem}}@media(min-width:1025px)and (max-width:1920px){#overlay{padding:3rem}}@media(min-width:1921px){.landing-content{max-width:1200px}}