.nasa-bg{position:fixed;inset:0;z-index:0;background:url("https://pub-850dd8e7456345ae931279799f20874f.r2.dev/backgrounds/cosmic-cliffs-signup-rot.webp") center center / cover no-repeat;opacity:1;pointer-events:none;transform:scaleX(-1)}.nasa-overlay{position:fixed;inset:0;z-index:1;background:transparent;pointer-events:none}.arcade-title{position:fixed;top:var(--as-hero-padding-top);left:50%;transform:translateX(-50%);z-index:10;text-align:center;background:0;padding:0;width:min(48rem,calc(100vw - 4rem));box-sizing:border-box}.title-main{font-family:var(--as-title-font);font-size:var(--as-title-size);letter-spacing:var(--as-title-spacing);line-height:var(--as-title-line-height);position:relative;transition:font-size .5s ease;filter:var(--as-filter-dark)}.title-main .letter{display:inline-block;background:linear-gradient(90deg,var(--page-c1) 0,var(--page-c2) 40%,var(--page-c3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letter-wave 2.5s ease-in-out infinite}.title-subtitle{font-family:var(--as-subtitle-font);font-weight:var(--as-subtitle-weight);font-size:var(--as-subtitle-size);letter-spacing:var(--as-subtitle-spacing);line-height:var(--as-subtitle-line-height);margin-top:var(--as-subtitle-gap);text-align:center;background:linear-gradient(90deg,var(--page-c3) 0,var(--page-c2) 50%,var(--page-c1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-top:var(--as-subtitle-gap);filter:var(--as-filter-dark)}@keyframes letter-wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.arcade-title::before{display:none}.title-sub{font-family:var(--as-subtitle-font);font-weight:var(--as-subtitle-weight);font-size:var(--as-subtitle-size);letter-spacing:var(--as-subtitle-spacing);margin-top:var(--as-subtitle-gap);background:linear-gradient(180deg,var(--page-c3) 0,var(--page-c2) 50%,var(--page-c1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-top:var(--as-subtitle-gap);filter:var(--as-filter-dark)}@keyframes blink-text{0%,100%{opacity:1}50%{opacity:0}}.arcade-menu{margin-top:5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;margin-left:auto;margin-right:auto;width:min(64rem,calc(100vw - 60px));text-align:left;transition:margin-top .5s ease}.menu-item{font-family:var(--as-title-font);font-size:1.1rem;letter-spacing:.18em;cursor:pointer;padding:.5rem 1rem;position:relative;transition:filter .3s;background:linear-gradient(90deg,var(--page-c3) 0,var(--page-c1) 50%,var(--page-c2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;filter:drop-shadow(0 0 4px rgba(var(--as-black-rgb),0.9)) drop-shadow(0 0 8px rgba(var(--as-black-rgb),0.9)) drop-shadow(0 0 14px rgba(var(--as-black-rgb),0.8))}.menu-item .menu-default,.menu-item .menu-hover{display:block;transition:opacity .2s}.menu-item .menu-default{opacity:1}.menu-item .menu-hover{position:absolute;top:.5rem;left:1rem;opacity:0}.menu-item:hover{filter:drop-shadow(0 0 3px rgba(var(--as-black-rgb),0.9)) drop-shadow(0 0 10px rgba(255,255,255,0.5)) drop-shadow(0 0 20px rgba(var(--page-c2-rgb),0.4))}.menu-item:hover .menu-default{opacity:0}.menu-item:hover .menu-hover{opacity:1}.menu-item::before{content:'▶';position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--page-accent);-webkit-text-fill-color:var(--page-accent);background:0;text-shadow:0 0 8px rgba(212,180,90,0.5);opacity:0;transition:opacity .2s}.menu-item.active::before,.menu-item:hover::before{opacity:1;animation:blink-text .8s step-end infinite}@keyframes dissolve-in{0%{opacity:0;filter:blur(8px);transform:translateY(10px)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes dissolve-out{0%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(8px)}}.dissolving-out{animation:dissolve-out .6s ease forwards}.dissolving-in{animation:dissolve-in .8s ease forwards}.menu-input{font-family:var(--as-title-font);font-size:clamp(0.7rem,1.2vw,1.1rem);letter-spacing:.18em;color:#f0e0c8;text-shadow:0 0 4px rgba(var(--as-black-rgb),0.9),0 0 8px rgba(var(--as-black-rgb),0.7);background:transparent;border:0;outline:0;padding:.6rem 1rem;width:100%;-webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none;caret-color:transparent;transition:color .3s,text-shadow .3s}.menu-input[type="email"]{text-transform:uppercase}.input-cursor{position:absolute;top:.45rem;left:1rem;width:3px;height:1.3rem;background:#f0e0c8;box-shadow:0 0 6px rgba(240,224,200,0.5);pointer-events:none;opacity:0;font-size:0;line-height:0}.input-cursor.active{opacity:1;animation:blink-text 1s step-end infinite}.menu-input:-webkit-autofill,.menu-input:-webkit-autofill:hover,.menu-input:-webkit-autofill:focus{-webkit-text-fill-color:#f0e0c8;-webkit-box-shadow:0 0 0 1000px transparent inset !important;box-shadow:0 0 0 1000px transparent inset !important;font-family:var(--as-title-font);font-size:1.1rem;letter-spacing:.18em;caret-color:transparent}.menu-input::placeholder{font-family:var(--as-title-font);font-size:1.1rem;letter-spacing:.18em;color:rgba(240,224,200,0.45);text-shadow:none}.menu-input:focus{color:#ffe8c8;text-shadow:0 0 4px rgba(var(--as-black-rgb),0.9),0 0 12px rgba(var(--page-c1-rgb),0.5);caret-color:transparent}.menu-input[placeholder="(OPTIONAL)"]::placeholder{font-family:var(--as-title-font);font-size:.65rem;color:rgba(240,224,200,0.55);text-shadow:none;letter-spacing:.1em;line-height:2.4}.input-wrap{display:flex;align-items:center;gap:clamp(0.5rem,1.5vw,1rem);width:100%}.input-label{flex-shrink:1;width:clamp(8rem,18vw,22rem);text-align:right;font-family:var(--as-title-font);font-size:clamp(0.7rem,1.2vw,1.1rem);letter-spacing:.18em;background:linear-gradient(90deg,var(--page-c3) 0,var(--page-c1) 50%,var(--page-c2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;white-space:nowrap;filter:drop-shadow(0 0 4px rgba(var(--as-black-rgb),0.9)) drop-shadow(0 0 8px rgba(var(--as-black-rgb),0.9)) drop-shadow(0 0 14px rgba(var(--as-black-rgb),0.8))}.input-box{position:relative;flex:1;border:1px solid rgba(255,255,255,0.15);border-radius:4px;background:rgba(var(--as-black-rgb),0.55);box-shadow:0 0 8px rgba(255,255,255,0.25),0 0 18px rgba(255,255,255,0.12);transition:background .3s,box-shadow .3s,border-color .3s}.input-box:focus-within{background:rgba(var(--as-black-rgb),0.65);border-color:rgba(255,255,255,0.35);box-shadow:0 0 12px rgba(255,255,255,0.5),0 0 28px rgba(255,255,255,0.2)}.menu-screen{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;width:100%}#menuCode{align-items:center;justify-content:center;background:var(--as-box-bg-solid);border:2px solid transparent;border-image:linear-gradient(90deg,var(--page-c1) 0,var(--page-c2) 50%,var(--page-c3) 100%) 1;box-shadow:0 0 30px rgba(var(--page-c2-rgb),0.3),0 0 60px rgba(var(--page-c2-rgb),0.15);padding:2.5rem 3rem;max-width:700px;width:92%;box-sizing:border-box;gap:1.5rem;position:fixed;bottom:12vh;left:0;right:0;margin:0 auto;z-index:20}#menuCode .helper-text{font-size:1.2rem;letter-spacing:.16em}#menuCode .code-digit{width:2.8rem;height:3.2rem;font-size:1.1rem}.menu-screen.hidden{display:none}#menuMain{width:min(36rem,calc(100vw - 4rem));margin:0 auto}.menu-item.btn-hidden{opacity:0;pointer-events:none}.menu-item.btn-visible{opacity:1;pointer-events:auto}.signup-buttons{display:flex;gap:.8rem;flex:1}#signupPasskeyBtn,#signupContinueBtn{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--as-title-font);font-size:.85rem;letter-spacing:var(--as-subtitle-spacing);white-space:nowrap;height:2.6rem;padding:0 1rem;border:2px solid transparent;border-radius:4px;background:linear-gradient(rgba(var(--as-black-rgb),0.4),rgba(var(--as-black-rgb),0.4)) padding-box,linear-gradient(90deg,rgba(240,216,144,0.45) 0,rgba(208,128,48,0.55) 50%,rgba(120,192,208,0.45) 100%) border-box;color:#f0d890 !important;-webkit-text-fill-color:#f0d890 !important;-webkit-background-clip:border-box !important;background-clip:border-box,border-box !important;text-shadow:0 0 4px rgba(var(--as-black-rgb),0.9),0 0 8px rgba(var(--as-black-rgb),0.7);transition:background .3s,box-shadow .3s,filter .3s}#signupPasskeyBtn::before,#signupContinueBtn::before{display:none !important;content:none !important}#signupPasskeyBtn:hover,#signupContinueBtn:hover{background:linear-gradient(rgba(var(--as-black-rgb),0.5),rgba(var(--as-black-rgb),0.5)) padding-box,linear-gradient(90deg,#f0d890 0,#d08030 50%,#78c0d0 100%) border-box;box-shadow:0 0 14px rgba(208,128,48,0.25);filter:drop-shadow(0 0 3px rgba(var(--as-black-rgb),0.9)) drop-shadow(0 0 10px rgba(255,255,255,0.5))}#signupSubmit{font-family:var(--as-title-font);font-size:.7rem;letter-spacing:var(--as-subtitle-spacing);white-space:nowrap;padding:.5rem 1.2rem;border:2px solid transparent;border-radius:4px;background:linear-gradient(rgba(var(--as-black-rgb),0.4),rgba(var(--as-black-rgb),0.4)) padding-box,linear-gradient(90deg,rgba(240,216,144,0.45) 0,rgba(208,128,48,0.55) 50%,rgba(120,192,208,0.45) 100%) border-box;color:#f0d890;text-shadow:0 0 4px rgba(var(--as-black-rgb),0.9),0 0 8px rgba(var(--as-black-rgb),0.7);cursor:pointer;flex-shrink:0;transition:background .3s,box-shadow .3s}#signupSubmit:hover{background:linear-gradient(rgba(var(--as-black-rgb),0.5),rgba(var(--as-black-rgb),0.5)) padding-box,linear-gradient(90deg,#f0d890 0,#d08030 50%,#78c0d0 100%) border-box;box-shadow:0 0 14px rgba(208,128,48,0.25)}.arcade-checkbox{display:flex;align-items:center;gap:.8rem;padding:.5rem 0;cursor:pointer;flex:1;user-select:none}.arcade-checkbox input[type="checkbox"]{display:none}.checkbox-box{width:2rem;height:2rem;border:2px solid rgba(var(--page-c2-rgb),0.6);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:transparent;transition:all .2s;flex-shrink:0}.arcade-checkbox input[type="checkbox"]:checked+.checkbox-box{color:var(--page-c2);-webkit-text-fill-color:var(--page-c2);border-color:var(--page-c2);box-shadow:0 0 8px rgba(var(--page-c2-rgb),0.3)}.checkbox-text{font-family:var(--as-title-font);font-size:.7rem;letter-spacing:var(--as-title-spacing);line-height:1.6;color:var(--page-c1);-webkit-text-fill-color:var(--page-c1);text-shadow:0 0 3px rgba(var(--as-black-rgb),0.5)}.arcade-checkbox:hover .checkbox-text{color:var(--page-c3);-webkit-text-fill-color:var(--page-c3)}.consent-overlay{display:none;position:fixed;inset:0;background:rgba(var(--as-black-rgb),0.5);z-index:9000;align-items:flex-end;justify-content:center;padding-bottom:12vh}.consent-overlay.visible{display:flex}.consent-modal{background:var(--as-box-bg-solid);border:2px solid transparent;border-image:linear-gradient(90deg,var(--page-c1) 0,var(--page-c2) 50%,var(--page-c3) 100%) 1;box-shadow:0 0 30px rgba(var(--page-c2-rgb),0.3),0 0 60px rgba(var(--page-c2-rgb),0.15);padding:2.5rem 3rem;max-width:700px;width:92%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.consent-modal .consent-checks{display:flex;flex-direction:column;gap:1.2rem;width:100%;align-self:flex-start}.consent-modal .consent-title{font-family:var(--as-title-font);font-size:1.4rem;letter-spacing:.18em;background:linear-gradient(90deg,var(--page-c1) 0,var(--page-c2) 50%,var(--page-c3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:var(--as-filter-dark);text-align:center}.consent-modal .checkbox-text a{color:var(--page-c2);-webkit-text-fill-color:var(--page-c2);text-decoration:underline}.consent-modal .checkbox-text a:hover{color:var(--page-c1);-webkit-text-fill-color:var(--page-c1)}.consent-modal .consent-agree{font-family:var(--as-title-font);font-size:.75rem;letter-spacing:.14em;color:var(--page-c1);-webkit-text-fill-color:var(--page-c1);border:2px solid transparent !important;border-image:linear-gradient(90deg,var(--page-c1) 0,var(--page-c2) 50%,var(--page-c3) 100%) 1 !important;box-shadow:0 0 8px rgba(var(--page-c2-rgb),0.25),0 0 20px rgba(var(--page-c2-rgb),0.12);padding:.8rem 2.5rem;cursor:pointer;background:0}.consent-modal .consent-agree:hover{box-shadow:0 0 14px rgba(var(--page-c1-rgb),0.4),0 0 30px rgba(var(--page-c2-rgb),0.2)}.consent-modal .consent-agree::before{display:none !important;content:none !important}.code-inputs{display:flex;gap:.5rem;justify-content:center;width:100%}.code-digit{width:2rem;height:2.4rem;text-align:center;padding:0;font-family:var(--as-title-font);font-size:.8rem;color:var(--page-accent);text-shadow:0 0 10px rgba(212,180,90,0.25);background:transparent;border:0;border-bottom:1px solid rgba(212,180,90,0.35);outline:0;transition:all .3s;caret-color:#ffe8a0;text-shadow:0 0 3px rgba(var(--as-black-rgb),0.5)}.code-digit:focus{color:#fff5d0;text-shadow:0 0 3px rgba(var(--as-black-rgb),0.5),0 0 15px rgba(var(--page-accent-rgb),0.5);border-bottom-color:rgba(var(--page-accent-rgb),0.6)}.helper-text{font-family:var(--as-title-font);font-size:.9rem;letter-spacing:.14em;padding:0;font-style:italic;white-space:normal;overflow:visible;text-transform:uppercase;text-align:center;width:100%;background:linear-gradient(90deg,var(--page-c1) 0,var(--page-c2) 50%,var(--page-c3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:var(--as-filter-dark)}.helper-text strong{font-weight:400}.dev-code-display{margin-top:.3rem;padding-left:1rem;font-family:var(--as-title-font);font-size:.9rem;letter-spacing:.4em;color:var(--page-accent);text-shadow:0 0 15px rgba(212,180,90,0.3)}.dev-label{font-family:var(--as-title-font);font-size:.35rem;letter-spacing:.1em;color:rgba(212,180,90,0.2);padding-left:1rem}.error-msg{font-family:var(--as-title-font);font-size:1.2rem;letter-spacing:.16em;color:#ff5a8a;text-shadow:0 0 6px rgba(255,45,120,0.6),0 0 18px rgba(255,45,120,0.3);text-align:center;white-space:normal;max-width:700px;width:92%;box-sizing:border-box;padding:2.5rem 3rem;border:2px solid transparent;border-image:linear-gradient(90deg,var(--page-c1) 0,var(--page-c2) 50%,var(--page-c3) 100%) 1;background:var(--as-box-bg-solid);box-shadow:0 0 30px rgba(var(--page-c2-rgb),0.3),0 0 60px rgba(var(--page-c2-rgb),0.15);position:fixed;bottom:12vh;left:0;right:0;margin:0 auto;z-index:30;animation:error-appear .5s ease-out,error-fade 5s ease forwards}@keyframes error-appear{0%{opacity:0}100%{opacity:1}}@keyframes error-fade{0%,65%{opacity:1}100%{opacity:0}}.hidden{display:none !important}html[lang="zh"] .title-main,html[lang="ja"] .title-main,html[lang="ko"] .title-main,html[lang="th"] .title-main{font-family:'DotGothic16','Noto Sans JP','Noto Sans SC','Noto Sans KR','Noto Sans Thai',sans-serif;font-size:2.8rem;letter-spacing:.06em}html[lang="zh"] .menu-item,html[lang="ja"] .menu-item,html[lang="ko"] .menu-item,html[lang="th"] .menu-item,html[lang="zh"] .menu-input,html[lang="ja"] .menu-input,html[lang="ko"] .menu-input,html[lang="th"] .menu-input,html[lang="zh"] .helper-text,html[lang="ja"] .helper-text,html[lang="ko"] .helper-text,html[lang="th"] .helper-text{font-family:'DotGothic16','Noto Sans JP','Noto Sans SC','Noto Sans KR','Noto Sans Thai',sans-serif;font-size:.75rem}@media(max-width:900px){.title-main{font-size:clamp(1.8rem,4.5vw,4.2rem);letter-spacing:.08em}.arcade-menu{width:calc(100vw - 60px)}#menuMain{width:100%}.input-label{width:16rem;font-size:.85rem;letter-spacing:.1em}}@media(max-width:1023px){.input-label{width:clamp(10rem,18vw,18rem);font-size:clamp(0.65rem,1.1vw,0.95rem)}.menu-input{font-size:clamp(0.65rem,1.1vw,0.95rem)}}@media(max-width:680px){.arcade-title{top:10%;padding:2rem 1.5rem 1.5rem;width:calc(100vw - 2rem)}.title-main{font-size:clamp(1.4rem,5.5vw,2.4rem);letter-spacing:.06em}.title-sub{font-size:.45rem;letter-spacing:.15em}.arcade-menu{width:calc(100vw - 40px);margin-top:3rem}.input-wrap{flex-direction:column;align-items:flex-start;gap:.3rem}.input-label{width:auto;text-align:left;font-size:.7rem}.input-box{width:100%}.menu-item{font-size:.75rem;letter-spacing:.1em}.menu-item::before{left:-1.2rem;font-size:.7rem}.menu-item .menu-hover{left:.6rem}.helper-text{font-size:.65rem;letter-spacing:.08em;white-space:normal;padding-left:0}.signup-buttons{flex-direction:column}#signupPasskeyBtn,#signupContinueBtn{font-size:.65rem}.code-inputs{padding-left:0}.consent-modal{padding:1.5rem}.consent-modal .consent-title{font-size:.9rem}.checkbox-text{font-size:.45rem}.error-msg{font-size:.8rem;padding:2rem 1.5rem}}@media(max-width:400px){.arcade-title{top:8%;padding:1.5rem 1rem}.title-main{font-size:clamp(1.1rem,5vw,1.6rem)}.arcade-menu{width:calc(100vw - 24px);margin-top:2.5rem}.menu-item{font-size:.6rem;padding:.4rem .6rem}#signupPasskeyBtn,#signupContinueBtn{font-size:.55rem;height:2rem}}