*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020713;color:#d9f3ff;font-family:Arial,sans-serif}.orbita-gate{min-height:100svh;background-image:linear-gradient(#02081715,#02081735),var(--gate-background);background-position:center;background-size:cover;background-attachment:fixed}.orbita-gate main{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px;gap:20px}.gate-arrival{width:min(880px,95vw);filter:drop-shadow(0 0 14px #199dff)}svg{width:100%;display:block}svg text{font:76px Arial,sans-serif;letter-spacing:12px;stroke:#91ddff;stroke-width:1;fill:transparent;stroke-dasharray:700;stroke-dashoffset:700;animation:name-draw 2.8s .4s ease forwards}.gate-light{height:1px;width:60%;margin:0 auto;background:linear-gradient(90deg,transparent,#97e8ff,transparent);box-shadow:0 0 15px #00aaff;transform:scaleX(0);animation:light 1.2s 1.5s ease forwards}.gate-panel{width:min(480px,100%);padding:28px 32px;border:1px solid #44bfff70;border-radius:18px;background:linear-gradient(135deg,#071c3277,#041125aa);backdrop-filter:blur(12px);box-shadow:inset 0 0 25px #2caaff0d,0 0 32px #008cff18;animation:panel 1s 2.8s both}.gate-label{font-size:10px;letter-spacing:3px;color:#80d5ff}.gate-panel p{font-size:15px;line-height:1.7;color:#bcd6e7}.gate-panel a{color:#8edfff;white-space:nowrap;text-decoration:none}.gate-panel a:hover{text-decoration:underline}label{display:block;font-size:12px;letter-spacing:1px;margin:20px 0 12px}input{width:100%;padding:13px;background:#041125aa;border:1px solid #429fd4;border-radius:9px;color:#c9f4ff;font-size:28px;letter-spacing:18px;text-align:center;box-shadow:inset 0 0 18px #139fff15}input:focus{outline:2px solid #8ee3ff;outline-offset:3px}button{width:100%;margin-top:17px;padding:15px 20px;border:1px solid #60cfff;border-radius:30px;color:#e5faff;background:linear-gradient(105deg,#075d9399,#153b73bb);box-shadow:0 0 17px #008cff44;font-size:12px;letter-spacing:3px;cursor:pointer}button:hover{box-shadow:0 0 25px #00baff99}button span{float:right}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:4px}#gate-error{color:#ffbec8;margin-bottom:0;min-height:0}#gate-error:empty{display:none}@keyframes name-draw{0%{stroke-dashoffset:700;fill:transparent}75%{fill:transparent}100%{stroke-dashoffset:0;fill:#dbf5ff}}@keyframes light{to{transform:scaleX(1)}}@keyframes panel{from{opacity:0;transform:translateY(15px);visibility:hidden}to{opacity:1;transform:none;visibility:visible}}@media(prefers-reduced-motion:reduce){svg text{animation:none;stroke-dashoffset:0;fill:#dbf5ff}.gate-light{animation:none;transform:none}.gate-panel{animation:none}}@media(max-width:520px){.gate-panel{padding:24px}.orbita-gate main{gap:14px}svg text{font-size:72px;letter-spacing:8px}}