.waitlist-form{width:100%;max-width:400px;position:relative}.form-tagline{text-align:center;margin:0 0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.app-icon{width:220px;height:220px;border-radius:48px;box-shadow:0 4px 20px rgba(0,0,0,.15);margin-top:0}@media (max-height:850px){.app-icon{width:140px;height:140px;border-radius:32px;margin-top:2rem}}@media (max-height:850px) and (orientation:landscape){.app-icon{width:120px;height:120px;border-radius:28px;margin-top:4rem}}@media (max-height:650px){.app-icon{width:100px;height:100px;border-radius:24px;margin-top:5rem}}.app-icon.glitching{animation:icon-glitch .3s steps(1) forwards}@keyframes icon-glitch{0%{filter:drop-shadow(-3px 0 0 rgba(255,137,253,.7)) drop-shadow(3px 0 0 rgba(54,255,208,.7));transform:translateX(-2px)}25%{filter:drop-shadow(2px 0 0 rgba(255,137,253,.7)) drop-shadow(-2px 0 0 rgba(54,255,208,.7));transform:translateX(2px)}50%{filter:drop-shadow(-1px 0 0 rgba(255,137,253,.7)) drop-shadow(1px 0 0 rgba(54,255,208,.7));transform:translateX(-1px)}75%{filter:drop-shadow(1px 0 0 rgba(255,137,253,.7)) drop-shadow(-1px 0 0 rgba(54,255,208,.7));transform:translateX(1px)}to{filter:none;transform:translateX(0)}}.form-group{position:relative;margin-bottom:1.5rem}.phone-input-wrapper{display:flex;align-items:stretch;background:hsla(0,0%,100%,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid hsla(0,0%,100%,.4);border-radius:9999px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08)}.phone-input-wrapper:focus-within{border-color:var(--pirl-primary);background:hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.1),0 0 0 2px rgba(255,137,253,.2)}.phone-input-wrapper.complete{border-color:#36ffd0}.phone-input-wrapper.complete:focus-within{border-color:#36ffd0;box-shadow:0 8px 32px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.1),0 0 0 2px rgba(54,255,208,.2)}.phone-input-wrapper.complete .country-code{color:#36ffd0}.country-code{display:flex;align-items:center;justify-content:center;padding:1rem;color:#666;background:transparent;border-right:1.5px solid hsla(0,0%,100%,.2);cursor:default;font-size:1rem;transition:color .3s ease}.phone-input-wrapper.active .country-code{color:var(--pirl-primary)}.country-code.glitching{animation:text-glitch .3s steps(1) forwards}.phone-input-wrapper input{flex:1;padding:1rem;font-size:1.125rem;font-family:inherit;color:var(--pirl-primary);text-shadow:0 1px 2px rgba(0,0,0,.1);background:transparent!important;border:none!important;border-radius:0!important;outline:none;min-width:0;box-shadow:none!important;transition:color .3s ease}.phone-input-wrapper input.complete{color:#36ffd0}.phone-input-wrapper input::-moz-placeholder{color:#888}.phone-input-wrapper input::placeholder{color:#888}.phone-input-wrapper input:focus{border:none!important;box-shadow:none!important}.phone-input-wrapper input.glitching{animation:text-glitch .3s steps(1) forwards}.hp-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}.join-text{text-align:center;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#888;margin:0 0 1rem;font-family:var(--font-kodchasan),sans-serif;transition:color .3s ease}.join-text.active{color:var(--pirl-primary)}.join-text.complete{color:#36ffd0}.join-text.glitching{animation:text-glitch .3s steps(1) forwards}.submit-chevron{display:flex;align-items:center;justify-content:center;padding:0 .75rem;background:transparent;border:none;color:#888;cursor:pointer;transition:color .3s ease;flex-shrink:0}.submit-chevron.active{color:var(--pirl-primary)}.submit-chevron.complete{color:#36ffd0}.submit-chevron:hover:not(:disabled){opacity:.8}.submit-chevron:disabled{cursor:not-allowed;opacity:.5}.submit-chevron.loading{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.1);overflow:hidden;opacity:0;transition:opacity .3s ease}.progress-bar.active{opacity:1}.progress-fill{height:100%;background:linear-gradient(90deg,var(--pirl-primary),var(--pirl-secondary),var(--pirl-accent));width:30%;animation:progress-slide 1.5s ease-in-out infinite}@keyframes progress-slide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.success-state{text-align:center;animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{color:var(--pirl-success);margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.success-title{font-size:1.5rem;font-weight:700;color:var(--pirl-text);margin:0 0 .5rem}.success-message{color:var(--pirl-text-muted);margin:0}@keyframes text-glitch{0%{text-shadow:-3px 0 0 rgba(255,137,253,.9),3px 0 0 rgba(54,255,208,.9);transform:translateX(-2px)}25%{text-shadow:2px 0 0 rgba(255,137,253,.9),-2px 0 0 rgba(54,255,208,.9);transform:translateX(2px)}50%{text-shadow:-1px 0 0 rgba(255,137,253,.9),1px 0 0 rgba(54,255,208,.9);transform:translateX(-1px)}75%{text-shadow:1px 0 0 rgba(255,137,253,.9),-1px 0 0 rgba(54,255,208,.9);transform:translateX(1px)}to{text-shadow:none;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.progress-fill{animation:none;width:100%}.submit-chevron.loading{animation:none;opacity:.5}}.game-canvas{position:fixed;inset:0;z-index:50;transition:opacity .15s ease-out;pointer-events:auto;cursor:crosshair;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent}.game-canvas.fading-out{opacity:0;pointer-events:none;cursor:default}.game-canvas.hidden{display:none;pointer-events:none}.radar-canvas{position:fixed;top:1rem;right:1rem;width:120px;height:120px;z-index:60;opacity:.95;transition:opacity .3s ease,transform .3s ease;border-radius:50%;filter:drop-shadow(0 4px 12px rgba(255,255,255,.1))}.radar-canvas:hover{opacity:1;transform:scale(1.02)}.radar-canvas.fading-out{opacity:0;transform:scale(.9)}.radar-canvas.hidden{display:none}@media (max-width:768px){.radar-canvas{width:100px;height:100px;top:.75rem;right:.75rem}}@media (max-width:500px){.radar-canvas{width:80px;height:80px;top:.5rem;right:.5rem}}.skip-btn{position:fixed;top:1.5rem;left:1.5rem;z-index:200;padding:.5rem 1.25rem;font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:lowercase;color:rgba(0,0,0,.5);background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.6);border-radius:9999px;cursor:pointer;opacity:0;transition:opacity .5s ease,background .2s ease;pointer-events:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.skip-btn.visible{opacity:1;pointer-events:auto}.skip-btn.fading-out{opacity:0!important;pointer-events:none}.skip-btn:hover{background:hsla(0,0%,100%,.7);border-color:hsla(0,0%,100%,.9)}.skip-btn:active{background:hsla(0,0%,100%,.9)}.form-container{width:100%;max-width:400px;transition:filter .5s ease-out,opacity .5s ease-out;position:relative;z-index:1}.form-container.gate-locked{filter:blur(15px);opacity:.4;pointer-events:none;z-index:1}.form-container.gate-unlocked{filter:none!important;opacity:1!important;pointer-events:auto;transition:none!important;animation:form-reveal .6s ease-out forwards}@keyframes form-reveal{0%{transform:translateY(10px)}to{transform:translateY(0)}}.bouncing-pearl{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(55%);z-index:1;pointer-events:none;opacity:0;visibility:hidden;will-change:transform,opacity}.bouncing-pearl img{width:100vw;max-width:1200px;height:auto}@media (max-width:500px){.bouncing-pearl img{width:165vw;max-width:none;position:relative;left:50%;transform:translateX(-50%)}}@keyframes pearl-bounce{0%,to{transform:translateX(-50%) translateY(55%)}50%{transform:translateX(-50%) translateY(53%)}}@keyframes pearl-entrance{0%{opacity:0;transform:translateX(-50%) translateY(75%)}50%{opacity:.7}to{opacity:1;transform:translateX(-50%) translateY(55%)}}@keyframes pearl-entrance-mobile{0%{opacity:0;transform:translateX(-50%) translateY(55%)}50%{opacity:.7}to{opacity:1;transform:translateX(-50%) translateY(55%)}}.bouncing-pearl.animate-pearl{visibility:visible;opacity:1!important}@media (min-width:769px){.bouncing-pearl.animate-pearl{animation:pearl-entrance 1.8s cubic-bezier(.16,1,.3,1) forwards,pearl-bounce 10s ease-in-out 1.8s infinite}}@media (max-width:768px){.bouncing-pearl.animate-pearl{animation:pearl-entrance-mobile 1.8s cubic-bezier(.16,1,.3,1) forwards,pearl-bounce 10s ease-in-out 1.8s infinite}}