:root{--primary: hsl(152 95% 38%);--primary-foreground: hsl(144.9 80.4% 10%);--foreground: hsl(0 0% 95%);--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px)}html{height:100%;overflow:hidden;background:#030711}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:-webkit-linear-gradient(to bottom,#030711 0%,#030711 60%,#020509 100%);background:linear-gradient(to bottom,#030711,#030711 60%,#020509);height:100%;color:#fff;overflow:hidden;-webkit-overflow-scrolling:touch;padding:var(--safe-area-inset-top) 0 var(--safe-area-inset-bottom) 0;position:relative;width:100%}html,body{height:100%}h1{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.early-access-text{font-size:42px;font-weight:700;margin:0;padding:0;z-index:10;text-shadow:0 0 5px rgba(255,255,255,.3),0 0 10px rgba(255,255,255,.2),0 0 15px rgba(255,255,255,.1)}.early-access-text .tm{font-size:24px;vertical-align:top;padding-top:6px;display:inline-block}.early-access-subtext{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 10px;border-radius:.5rem;font-size:14px;font-weight:600;color:#22c55e;margin:4px 0 0;z-index:10}.content{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:2;gap:2rem;padding-top:35dvh;padding-bottom:max(5dvh,var(--safe-area-inset-bottom));opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.starfield-canvas{position:fixed;bottom:0;left:0;width:100%;height:60vh;z-index:0;pointer-events:none}.background-canvas{position:fixed;bottom:-10vh;left:0;width:100%;height:30vh;z-index:2;pointer-events:none}.orb-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.clouds-canvas{position:absolute;top:0;left:0;width:100%;height:40vh;z-index:3;pointer-events:none;mix-blend-mode:plus-lighter;opacity:.7}.clouds-canvas:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.5) 50%,black);pointer-events:none}.clouds-canvas canvas{width:100%!important;height:100%!important}.background-canvas canvas{width:100%!important;height:100%!important}.webgl{position:relative;width:min(66.67vw,300px);height:min(66.67vw,300px);background-color:transparent;z-index:2}.waitlist-container{width:100%;max-width:300px;z-index:2;padding:0 1rem;box-sizing:border-box}.waitlist-form{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.waitlist-form .input-group{display:flex;flex-direction:column;gap:1rem;width:100%}.waitlist-form input,.waitlist-form button{width:100%;box-sizing:border-box;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#ffffff0d;color:#fff;font-size:14px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.waitlist-form input:focus{outline:none;border-color:#fff3;background:#ffffff1a}.waitlist-form input::placeholder{color:#ffffff80}.waitlist-form button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--primary);color:var(--primary-foreground);border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.waitlist-form button:hover{transform:translateY(-2px);background-color:#049f57}.waitlist-form button:active{transform:translateY(0)}.success-message{text-align:center;color:#fff}.success-message h2{font-size:1.5rem;margin-bottom:.5rem;color:#22c55e}.success-message p{font-size:1rem;opacity:.8}.platform-buttons{position:fixed;bottom:8vh;left:50%;transform:translate(-50%);display:flex;gap:clamp(.5rem,2vw,1.5rem);z-index:10;align-items:center;width:100%;max-width:500px;padding:0 1rem;box-sizing:border-box;justify-content:center;opacity:0;animation:fadeIn 1s ease-out forwards;animation-delay:1.2s}.store-badge{display:block;height:clamp(28px,8vw,40px);transition:all .2s ease;flex:1;max-width:155px}.store-badge svg{height:100%;width:100%}.store-badge:hover{transform:translateY(-2px);opacity:.9}.store-badge:active{transform:translateY(0)}@media (max-width: 640px){.platform-buttons{gap:1rem;bottom:1.5rem}}@supports (-webkit-touch-callout: none){.waitlist-form input:focus{font-size:16px}}