:root{color-scheme:dark;font-family:Inter,Arial,Helvetica,sans-serif;color:#e8c783;background:#000;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#000}.launch-gate{position:relative;isolation:isolate;width:100%;height:100svh;min-height:640px;overflow:hidden;--eclipse-size:clamp(110px,17svh,166px);--sun-y:78%;--eclipse-y:28%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.earth{position:absolute;z-index:-2;left:50%;top:var(--sun-y);width:max(100%,920px);aspect-ratio:3/2;transform:translate(-50%,-47.3%);pointer-events:none}.earth img{display:block;width:100%;height:100%;object-fit:contain}
.axis{position:absolute;z-index:1;left:calc(50% - .5px);top:calc(var(--eclipse-y) + var(--eclipse-size)*.5);bottom:9%;width:1px;background:linear-gradient(transparent,#be9852 12%,#f0d295 70%,#fff4ce 84%,transparent);opacity:.72;pointer-events:none}
.eclipse{position:absolute;left:50%;top:var(--eclipse-y);width:calc(var(--eclipse-size)*1.3333);height:calc(var(--eclipse-size)*1.3333);transform:translate(-50%,-50%);pointer-events:none}
.eclipse-mark{display:block;width:100%;height:100%;overflow:visible}
.eclipse-halo{filter:blur(5px);opacity:.55;animation:eclipse-flicker 4.7s ease-in-out infinite}
.eclipse-rim{filter:drop-shadow(0 0 2px #f4cc84);animation:eclipse-flicker 3.7s ease-in-out infinite}
.eclipse-flare{position:absolute;left:87.5%;top:50%;width:30%;height:40%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fff6d780 0%,#ffce7940 10%,#dfa25218 32%,transparent 68%);mix-blend-mode:screen;animation:solar-spark 3.3s ease-in-out infinite;will-change:opacity}
.axis-star:before,.axis-star:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#fff2c2,transparent);width:30px;height:1px;transform:translate(-50%,-50%)}.axis-star:after{transform:translate(-50%,-50%) rotate(90deg);width:40px}
.axis-star{position:absolute;top:40%;left:50%;width:3px;height:3px;background:#fff4ca;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px 3px #e5b36470;animation:point-shimmer 6.1s ease-in-out infinite;pointer-events:none}
.earth-light{position:absolute;z-index:-1;left:50%;top:var(--sun-y);width:290px;height:135px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fff5c0c0 0,#ffd78c80 12%,#bd873e30 42%,transparent 70%);mix-blend-mode:screen;animation:earth-breathe 5.8s ease-in-out infinite;pointer-events:none}
.earth-light:before{content:"";position:absolute;left:50%;top:50%;width:340px;height:2px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#e8c68040,#fff4c9, #e8c68040,transparent);filter:blur(.6px);animation:horizon-shimmer 4.6s ease-in-out infinite}.earth-light span{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fffbea;box-shadow:0 0 12px 5px #fff2b8,0 0 30px 10px #e5b05f80;transform:translate(-50%,-50%);animation:earth-contact 3.6s ease-in-out infinite}
.access-form{position:absolute;z-index:2;top:47%;left:50%;transform:translateX(-50%);width:min(400px,calc(100% - 48px));margin:0}.access-label{text-align:center;font-size:12px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;margin:0 0 20px;color:#f1d497}
.password-field{height:54px;display:flex;align-items:center;border:1px solid #9a804b;border-radius:9px;background:#050504;transition:border-color .2s,box-shadow .2s}.password-field:focus-within{border-color:#efd193;box-shadow:0 0 0 2px #d6b56c26}
input{min-width:0;flex:1;width:100%;height:100%;font:400 16px/1.2 Inter,Arial,sans-serif;color:#f3e6c8;letter-spacing:.02em;padding:0 18px;background:none;border:0;outline:none;border-radius:9px}input::placeholder{color:#95958f;opacity:1}
button{font:inherit;cursor:pointer}.show-password{flex:0 0 50px;height:50px;display:grid;place-items:center;border:0;border-radius:7px;background:none;color:#d9bd82}.show-password svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.4}.eye-slash{display:none}.show-password[aria-pressed=true] .eye-slash{display:block}.show-password:focus-visible{outline:2px solid #eed399;outline-offset:-5px}
.enter-button{width:100%;height:54px;margin-top:14px;border:1px solid #e0bd79;border-radius:9px;color:#161208;background:linear-gradient(110deg,#e7c689,#f2d494 45%,#b99150);box-shadow:inset 0 1px 0 #fff1c566;font-size:13px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;transition:filter .2s,box-shadow .2s}.enter-button:hover{filter:brightness(1.08);box-shadow:0 0 22px #cca15122}.enter-button:focus-visible{outline:2px solid #fff1c2;outline-offset:4px}.enter-button:disabled{cursor:wait;opacity:.75}
.access-status{min-height:36px;margin:12px 0 0;font-size:13px;line-height:1.45;letter-spacing:0;text-align:center;color:#f1cf9b}.no-script{font-size:13px;text-align:center}
@keyframes eclipse-flicker{0%,100%{opacity:.18}16%{opacity:.65}24%{opacity:.25}37%{opacity:.8}41%{opacity:.32}45%{opacity:.95}49%{opacity:.4}61%{opacity:.72}74%{opacity:.24}83%{opacity:.85}91%{opacity:.38}}
@keyframes solar-spark{0%,100%{opacity:.2}22%{opacity:.85}31%{opacity:.35}40%{opacity:1}48%{opacity:.4}63%{opacity:.75}78%{opacity:.3}88%{opacity:.9}}
@keyframes point-shimmer{0%,100%{opacity:.55}45%{opacity:1}57%{opacity:.75}65%{opacity:.95}}
@keyframes earth-breathe{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.9)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.14)}53%{opacity:.65;transform:translate(-50%,-50%) scale(1)}72%{opacity:.93;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes horizon-shimmer{0%,100%{opacity:.35;transform:translate(-50%,-50%) scaleX(.75)}42%{opacity:1;transform:translate(-50%,-50%) scaleX(1.2)}64%{opacity:.6;transform:translate(-50%,-50%) scaleX(.95)}82%{opacity:.9;transform:translate(-50%,-50%) scaleX(1.1)}}
@keyframes earth-contact{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}32%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1)}68%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}
@media(max-width:600px){.launch-gate{--eclipse-size:120px;--eclipse-y:28%;--sun-y:80%;min-height:620px}.access-form{width:calc(100% - 48px);max-width:380px;top:47%}.access-label{font-size:11px;margin-bottom:18px;letter-spacing:.26em}.earth{width:1000px}.enter-button{font-size:13px}.earth-light{width:230px}}
@media(max-height:680px){.launch-gate{--eclipse-y:23%;--eclipse-size:110px}.axis-star{top:34%}.access-form{top:39%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}