*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Rethink Sans;src:url(https://fonts.googleapis.com/css2?family=Rethink+Sans:wght@400;700;800&display=swap);font-display:swap}html,body{width:100%;height:100%;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#f5f5f5;color:#000}#root,.app{width:100%;height:100%;background-color:#000}.header{position:fixed;top:0;left:0;width:100%;height:100%;padding:2.5rem;display:flex;justify-content:flex-start;align-items:center;z-index:10;overflow:hidden}.header .background-text{position:absolute;top:0;left:0;width:300%;height:300%;opacity:.1;display:flex;flex-wrap:wrap;pointer-events:none;z-index:-1;transform:rotate(-10deg)}.header .background-text span{font-family:Rethink Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:25vw;font-weight:900;white-space:nowrap;line-height:.8;letter-spacing:-.05em;margin-right:1rem;display:inline-block;text-shadow:0 0 80px rgba(255,255,0,.3)}.header .content-split{width:100%;max-width:1400px;margin:0 auto;position:relative;height:100%}.header .content-split .left-content{width:50%;padding-right:2rem}.header .content-split .left-content .logo{font-family:Rethink Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:4.5rem;font-weight:900;letter-spacing:-.03em;line-height:.9;margin-bottom:1rem;position:relative}.header .content-split .left-content .logo:after{content:"";position:absolute;height:6px;width:20%;background-color:#000;bottom:-10px;left:0}.header .content-split .left-content .tagline{font-family:Rethink Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.01em;opacity:.8;margin-top:1.5rem}.header .content-split .footer-buttons{position:absolute;bottom:2.5rem;left:0;width:100%;display:flex;justify-content:center;padding:0 2rem}.header .content-split .footer-buttons a{text-decoration:none;font-family:Rethink Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.02em;transition:all .3s ease;text-transform:uppercase}.header .content-split .footer-buttons .discord-btn{display:flex;align-items:center;gap:.5rem;margin:5px;background-color:#000;color:#fff;padding:1rem 1.5rem;position:relative;overflow:hidden;border:2px solid #000;white-space:nowrap;border-radius:10px}.header .content-split .footer-buttons .discord-btn .icon{display:flex;align-items:center;justify-content:center;line-height:0;height:20px}.header .content-split .footer-buttons .discord-btn .icon svg{vertical-align:middle}.header .content-split .footer-buttons .discord-btn .icon svg path{fill:#fff}.header .content-split .footer-buttons .discord-btn span{position:relative;z-index:1}.header .content-split .footer-buttons .discord-btn:hover{background:#fa60e0;color:#000;transform:translateY(-3px);box-shadow:0 0 190px #ff448c80,0 0 0 3px #fff;z-index:333}.header .content-split .footer-buttons .discord-btn:hover svg{vertical-align:middle}.header .content-split .footer-buttons .discord-btn:hover svg path{fill:#000}.header .content-split .footer-buttons .collab-btn{display:inline-block;color:#fff;padding:1rem 1.5rem;border:2px solid #000;font-weight:700;position:relative;overflow:hidden;margin:5px;border-radius:10px}.header .content-split .footer-buttons .collab-btn:after{content:"";position:absolute;width:100%;height:0;background-color:#000;left:0;bottom:0;z-index:-1;transition:height .3s ease}.header .content-split .footer-buttons .collab-btn:hover{background:#fab560;color:#000;transform:translateY(-3px);box-shadow:0 0 190px #e7e7e7cc,0 0 0 3px #fff;z-index:333}@media (max-width: 1024px){.header .content-split .left-content{width:100%;padding:0;text-align:center}.header .content-split .left-content .logo{font-size:3.5rem}.header .content-split .left-content .logo:after{left:50%;transform:translate(-50%)}}@media (max-width: 768px){.header{padding:2rem 1rem}.header .background-text span{font-size:35vw}.header .content-split .left-content .logo{font-size:2.5rem}.header .content-split .left-content .tagline{font-size:1.2rem}.header .content-split .footer-buttons{flex-direction:column;gap:1rem;align-items:center;bottom:1.5rem;padding:0}.header .content-split .footer-buttons a{width:100%;max-width:280px;text-align:center}.header .content-split .footer-buttons .discord-btn{justify-content:center}}.scene-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mobile-site{width:375px;height:667px;overflow:hidden;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.mobile-site .mobile-header{padding:2rem 1rem;text-align:center;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-site .mobile-header h1{font-size:1.5rem;font-weight:700;letter-spacing:.1em}.mobile-site .mobile-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.mobile-site .mobile-content h2{font-size:1.5rem;margin-bottom:1rem}.mobile-site .mobile-content p{font-size:1rem;margin-bottom:2rem;opacity:.8}.mobile-site .mobile-content .mobile-cta{background-color:#000;color:#fff;padding:.8rem 1.5rem;border-radius:2rem;font-weight:500;font-size:.9rem;cursor:pointer;transition:opacity .2s}.mobile-site .mobile-content .mobile-cta:hover{opacity:.9}
