body{margin:0}
a{color:#C4B5FD}a:hover{color:#FFFFFF}
@keyframes mjFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes mjBlink{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(0.12)}}
@keyframes mjSweep{0%{transform:translateX(-160%) skewX(-18deg)}55%,100%{transform:translateX(420%) skewX(-18deg)}}
@keyframes mjPulse{0%,100%{opacity:0.55}50%{opacity:1}}
@keyframes mjTwinkle{0%,100%{opacity:0;transform:scale(0.6)}50%{opacity:1;transform:scale(1)}}
@keyframes mjReveal{0%{opacity:0;transform:translateY(24px) scale(0.94) rotateX(12deg)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes mjGlow{0%,100%{opacity:0.75;transform:translate(-50%,-50%) scale(0.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes mjPassGlow{0%{box-shadow:0 0 0 rgba(230,184,92,0)}40%{box-shadow:0 0 70px rgba(230,184,92,0.45),0 0 120px rgba(139,92,246,0.35)}100%{box-shadow:0 30px 70px rgba(5,6,30,0.7),0 0 60px rgba(139,92,246,0.25)}}
.mj-float{animation:mjFloat 6s ease-in-out infinite}
.mj-eye{transform-box:fill-box;transform-origin:center;animation:mjBlink 5.5s infinite}
.mj-sweep{animation:mjSweep 6s ease-in-out infinite}
.mj-pulse{animation:mjPulse 3.2s ease-in-out infinite}
.mj-spark{animation:mjTwinkle 2.8s ease-in-out infinite}
.mj-reveal{animation:mjReveal 1.1s cubic-bezier(.2,.7,.2,1) both;perspective:800px}
.mj-reveal > div{animation:mjPassGlow 2.2s ease-out 0.4s both}
.mj-glow{animation:mjGlow 6s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.mj-float,.mj-eye,.mj-sweep,.mj-pulse,.mj-spark,.mj-reveal,.mj-reveal > div,.mj-glow{animation:none}}
html{background:#080B24}
.screen{min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto}
.screen[hidden]{display:none !important}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #C4B5FD;outline-offset:2px}
button[disabled]{opacity:.6;cursor:wait}
h1[tabindex="-1"]:focus{outline:none}
/* Premium pass (Concept D unchanged): on tablets and desktops the approved phone-first design floats as a framed
   card in a starfield instead of a narrow strip on a flat background. Scoped to the Founder's Club page only. */
@media (min-width:768px){
  html:has(>body>section.screen){min-height:100%;background:radial-gradient(50% 40% at 50% 0%,rgba(139,92,246,.35),transparent 70%),radial-gradient(30% 30% at 15% 60%,rgba(56,189,248,.12),transparent 70%),radial-gradient(30% 30% at 85% 75%,rgba(230,184,92,.08),transparent 70%),#070A22}
  body:has(>section.screen){background:transparent}
  body:has(>section.screen)>section.screen{margin:40px auto;min-height:0;border-radius:36px;border:1px solid rgba(150,160,255,.24);box-shadow:0 30px 80px rgba(3,5,24,.6),0 0 0 6px rgba(139,92,246,.06)}
}