:root{color-scheme:dark;--space:#030204;--ink:#172632}*{box-sizing:border-box}html{background:var(--space);min-width:280px}body{margin:0;background:var(--space) url('assets/stars.svg') repeat;background-size:480px 480px;color:#e5e5e5;font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #ff865d;outline-offset:5px}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}.composition{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 22px 35px;overflow:hidden}h1{font-size:0;line-height:0;margin:0;font-weight:normal;z-index:1}.logo{display:block;width:min(720px,92vw);height:auto}.mars{display:block;width:min(300px,72vw);height:auto;margin-top:-28px;position:relative;z-index:0}.ticket-experience{position:relative;z-index:2;width:min(790px,100%);margin-top:-30px}.ticket-stage{perspective:2100px;position:relative;height:292px}.ticket-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0deg)}.ticket-3d.is-spinning{animation:ticket-turn 10s cubic-bezier(.35,0,.65,1) both}.ticket-face{position:absolute;inset:0;display:flex;overflow:hidden;border:1px solid #f7faffdd;border-radius:17px;background:linear-gradient(118deg,#647b8c 0%,#dce7ec 11%,#fff 23%,#c2d0d8 35%,#849ba9 47%,#d8e2e7 60%,#f8fcff 74%,#9db1be 88%,#e4edf2 100%);color:var(--ink);box-shadow:inset 0 0 0 3px #c7d8e470,inset 0 2px 0 #fff,0 25px 65px #000b,0 0 45px #b3c5e619;backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate}.ticket-face:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff0a 0px,#ffffff0a 1px,#102e4508 1px,#102e4508 2px);z-index:-1}.ticket-front{transform:translateZ(1px)}.ticket-back{transform:rotateY(180deg) translateZ(1px)}.ticket-main{flex:1;min-width:0;padding:26px 30px 25px}.ticket-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font:700 10px 'Courier New',monospace;letter-spacing:1.1px;white-space:nowrap;color:#394f5d}.concept-tag{font-size:9px;letter-spacing:.4px;font-weight:400}.route{display:flex;align-items:center;gap:22px;margin-top:23px;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:52px;font-weight:900;letter-spacing:1px;line-height:1;text-shadow:0 1px #fff9;white-space:nowrap}.route svg{display:block;width:36px;height:36px;flex-shrink:0;fill:none;stroke:#66818f;stroke-width:2.2}.ticket-stub{position:relative;flex:0 0 131px;border-left:1px dashed #2b435770;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 12px 23px;background:linear-gradient(110deg,#fff1,#00000009);box-shadow:inset 1px 0 #ffffff80}.ticket-stub:before,.ticket-stub:after{content:'';position:absolute;left:-11px;width:21px;height:21px;border-radius:50%;background:var(--space)}.ticket-stub:before{top:-11px}.ticket-stub:after{bottom:-11px}.stub-top{font:700 11px 'Courier New',monospace;letter-spacing:2px}.vertical-copy{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:25px;font-weight:900;letter-spacing:4px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.barcode{width:83px;height:28px;background:repeating-linear-gradient(90deg,#263139 0px,#263139 1px,transparent 1px,transparent 3px,#263139 3px,#263139 5px,transparent 5px,transparent 6px,#263139 6px,#263139 7px,transparent 7px,transparent 10px,#263139 10px,#263139 14px,transparent 14px,transparent 17px);opacity:.75}.form-fields{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;margin-top:37px}.form-fields label{display:block;font:700 11px 'Courier New',monospace;letter-spacing:1.1px;color:#3c5668}.form-fields input{display:block;width:100%;border:0;border-bottom:1px solid #273c5077;border-radius:0;background:transparent;color:#132737;font:18px Arial,sans-serif;margin-top:8px;padding:9px 0 11px;min-height:45px;color-scheme:light}.form-fields input::placeholder{color:#456072;opacity:.8}.passenger-view{margin-top:34px}.passenger-view p{font:900 38px Arial,sans-serif;letter-spacing:-.6px;line-height:1.1;margin:0;text-transform:uppercase;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.passenger-view p.long-name{font-size:27px}.passenger-view p:focus{outline:none}.pass-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:19px;margin-top:21px;border-top:1px solid #304f6655;font:700 12px 'Courier New',monospace;letter-spacing:1.1px;color:#3b5668}.edit-ticket{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:radial-gradient(at 30% 25%,#f8fdff,#c1d2de 38%,#6b869b 65%,#233b4b);box-shadow:inset 1px 1px 1px #fff,0 2px 3px #18314255;color:#1a3549}.edit-ticket svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.is-issued .ticket-front .barcode{visibility:hidden}.claim-action{text-align:center;padding-top:6px}.orbit-control{position:relative;border:0;background:none;padding:0;display:block;width:155px;height:133px;flex:0 0 auto;transition:transform .3s ease,filter .3s ease;border-radius:50%;filter:drop-shadow(0 4px 12px #040509)}.orbit-control img{display:block;width:100%;height:auto;pointer-events:none}.orbit-control:hover{transform:translateY(-4px) scale(1.045);filter:drop-shadow(0 0 15px #a9d9ff35) brightness(1.12)}.orbit-control:active{transform:scale(.96)}.claim-control{margin:auto;width:135px;height:116px}.privacy-note{font:11px Arial,sans-serif;text-align:center;color:#938e9d;letter-spacing:.2px;margin:8px 0 0}.ticket-actions{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:11px}.ticket-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:0}.ticket-status.is-visible{position:static;clip:auto;white-space:normal;width:auto;height:auto;text-align:center;color:#c1c1d1;font:12px/1.5 Arial,sans-serif;margin:12px auto 0;max-width:520px}.ticket-back:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff4 45%,transparent 70%);pointer-events:none}.is-spinning .ticket-front:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff8 40%,transparent 60%);transform:translateX(-120%);animation:shine 3s ease-in-out 7s both;pointer-events:none}@keyframes ticket-turn{0%{transform:rotateY(0deg) rotateZ(0)}50%{transform:rotateY(180deg) rotateZ(1deg)}100%{transform:rotateY(360deg) rotateZ(0)}}@keyframes shine{to{transform:translateX(120%)}}
@media(min-width:1500px){.composition{padding:28px 25px 50px}.logo{width:790px}.mars{width:340px}.ticket-experience{margin-top:-35px}}
@media(max-width:650px){.composition{padding:13px 15px 30px;justify-content:flex-start}.logo{width:96vw}.mars{width:min(265px,73vw);margin-top:0}.ticket-experience{margin-top:-23px}.ticket-stage{height:310px}.ticket-main{padding:23px 18px}.ticket-top{font-size:9px;letter-spacing:0;gap:7px}.concept-tag{font-size:8px;letter-spacing:0}.route{font-size:clamp(22px,6.6vw,36px);gap:clamp(8px,2.3vw,12px);margin-top:24px;letter-spacing:.5px}.route svg{width:.8em;height:.8em}.ticket-stub{flex-basis:73px;padding:25px 8px 22px}.stub-top{font-size:8px;letter-spacing:.8px}.vertical-copy{font-size:24px;letter-spacing:4px}.barcode{width:50px;height:28px}.form-fields{display:flex;flex-direction:column;gap:18px;margin-top:25px}.form-fields label{font-size:10px;letter-spacing:.7px}.form-fields input{min-height:40px;font-size:17px;padding:7px 0 9px;margin-top:3px}.passenger-view{margin-top:40px}.passenger-view p{font-size:29px;line-height:1.15;letter-spacing:-.5px}.passenger-view p.long-name{font-size:21px}.pass-bottom{margin-top:28px;padding-top:17px;font-size:10px;letter-spacing:.1px}.orbit-control{width:140px;height:120px}.ticket-actions{gap:19px;margin-top:12px}.claim-control{width:125px;height:107px}.claim-action{padding-top:10px}.privacy-note{font-size:10px;margin-top:5px}.edit-ticket{bottom:17px}.ticket-status.is-visible{font-size:12px;padding:0 10px}}
@media(max-width:370px){.composition{padding-left:12px;padding-right:12px}.ticket-stub{flex-basis:60px}.ticket-main{padding-left:15px;padding-right:15px}.route{font-size:clamp(21px,6.6vw,25px);gap:8px}.ticket-top{font-size:8px}.concept-tag{font-size:8px}.vertical-copy{font-size:22px}.barcode{width:42px}.pass-bottom{font-size:9px}.ticket-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.form-fields input:focus,.form-fields input:focus-visible{outline:none;border-bottom-color:#29475e;box-shadow:0 1px 0 #29475e}

.signup-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.privacy-note{max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5}