:root{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#050505;color:#fff}.gate-shell{display:grid;grid-template-columns:minmax(390px,1.06fr) minmax(390px,.94fr);overflow:hidden;background:#050505}.gate-art,.gate-shell{min-height:100dvh;position:relative}.gate-art{padding:42px clamp(32px,6vw,100px) 32px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 60% 36%,rgba(82,103,122,.32),transparent 50%),linear-gradient(146deg,#0c1118,#040506 74%);isolation:isolate}.gate-brand{display:flex;gap:12px;align-items:center;z-index:3}.gate-mark{height:40px;width:40px;border-radius:14px;background:linear-gradient(145deg,#aabcc9,#52677a);display:grid;place-items:center;font-size:25px;box-shadow:inset 0 1px rgba(255,255,255,.9),0 14px 40px rgba(0,0,0,.35)}.gate-brand div{display:grid;grid-gap:2px;gap:2px}.gate-brand strong{letter-spacing:.22em;font-size:17px}.gate-brand span:last-child{font-size:9px;letter-spacing:.22em;color:#a8b6bf}.gate-art-copy{position:relative;z-index:2;margin:auto 0 8vh}.gate-kicker{letter-spacing:.2em;font-size:10px;font-weight:800;color:#aabcc9}.gate-art h1{font-size:clamp(43px,5.2vw,86px);line-height:1.04;letter-spacing:-.052em;margin:20px 0 21px;font-weight:800}.gate-art h1 em{font-weight:300;font-style:normal;color:#b9cbd7}.gate-art p{color:#bbc6ce;font-size:clamp(13px,1.2vw,16px);line-height:1.7}.gate-legal{position:relative;z-index:2;color:#708390;font-size:10px}.gate-universe{position:absolute;width:min(52vw,670px);aspect-ratio:1;top:9%;left:21%;pointer-events:none;opacity:.85}.gate-universe span{position:absolute;border-radius:50%;display:block}.orb-core{width:39%;height:39%;top:31%;left:31%;background:radial-gradient(circle at 25% 20%,#effaff 0,#799aaf 21%,#293945 51%,#0a1019 70%);box-shadow:inset -24px -23px 52px #030708,0 0 90px #789ca74f,0 0 160px #c4e6ff22;animation:glow 7s ease-in-out infinite}.orb-a{inset:12%;border:1px solid #b9dcf64f;transform:rotateX(63deg) rotate(-16deg);box-shadow:0 0 24px #9ec0cf22,inset 0 0 30px #97bed322;animation:orbitSpin 26s linear infinite}.orb-b{inset:5%;border:1px solid #cee8ff30;transform:rotateX(65deg) rotate(54deg);animation:orbitSpin 21s linear infinite reverse}.orb-c{inset:20%;border:1px solid #e7f3ff22;transform:rotateY(64deg) rotate(31deg)}.gate-panel{padding:42px;display:grid;place-items:center;position:relative;z-index:1;background:radial-gradient(ellipse at 90% 5%,#2939474f,transparent 44%),linear-gradient(155deg,#131920,#080b0e 66%)}.gate-card{width:min(100%,450px);padding:46px 39px;border-radius:34px;border:1px solid #a9cad328;background:linear-gradient(147deg,#ffffff11,#ffffff04 31%,#070a0dbf 75%);box-shadow:0 32px 100px #0006,inset 0 1px 0 #ffffff4a,inset 0 -1px 0 #ffffff0e;-webkit-backdrop-filter:blur(26px) saturate(130%);backdrop-filter:blur(26px) saturate(130%)}.gate-card h2{font-size:clamp(25px,2.6vw,37px);letter-spacing:-.038em;margin:14px 0 11px}.gate-card>p{font-size:13px;color:#adbdc7;line-height:1.75;margin:0 0 28px}.gate-form{display:grid;grid-gap:14px;gap:14px}.gate-form label{display:grid;grid-gap:7px;gap:7px;font-size:11px;font-weight:800;letter-spacing:.02em;color:#d7e1e6}.gate-form input{height:49px;width:100%;color:white;border:1px solid #9ab8c344;border-radius:14px;background:#dce3e80b;padding:0 15px;outline:none;transition:.22s}.gate-form input:focus{border-color:#a4cbdc;box-shadow:0 0 0 4px #9dcfe61a}.gate-primary{border:1px solid #ffffff88;border-radius:14px;background:linear-gradient(130deg,#f1f6f9,#aec4d1);color:#132531;font-weight:900;font-size:13px;height:50px;width:100%;margin-top:9px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;box-shadow:inset 0 1px #fff,0 11px 32px #a4c8de22;cursor:pointer}.gate-primary:disabled{opacity:.5}.gate-primary:hover{transform:translateY(-1px)}.gate-primary span{font-size:19px}.gate-qr{text-align:center;display:grid;place-items:center;grid-gap:10px;gap:10px}.gate-qr img{border:8px solid white;border-radius:14px}.gate-qr span{color:#b5c3cc;font-size:11px;overflow-wrap:anywhere}.gate-error{border-radius:12px;background:#d76a6a1b;border:1px solid #cb777759;color:#ffbdba;padding:12px;margin-top:15px;font-size:12px}.gate-footer{border-top:1px solid #c4deef1e;margin-top:28px;padding-top:19px;color:#8799a4;font-size:10px}.gate-art-copy,.gate-card{animation:reveal .75s cubic-bezier(.18,.8,.2,1) both}@keyframes glow{50%{filter:brightness(1.25);transform:scale(1.035)}}@keyframes orbitSpin{to{transform:rotateX(63deg) rotate(344deg)}}@keyframes reveal{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@media(max-width:830px){.gate-shell{display:block}.gate-art{min-height:290px;height:35dvh;padding:26px 23px;max-height:400px}.gate-art-copy{margin:auto 0 0}.gate-art h1{font-size:clamp(30px,9vw,48px);margin:10px 0}.gate-art p{display:none}.gate-universe{width:350px;top:-55px;left:46%;opacity:.65}.gate-panel{padding:22px 15px 55px;min-height:65dvh}.gate-card{padding:29px 23px;border-radius:25px}.gate-legal{display:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.gate-actions{display:flex;gap:12px;justify-content:space-between;margin-top:16px;flex-wrap:wrap}.gate-actions button,.gate-link{background:none;border:0;color:#afc7d7;font-size:12px;cursor:pointer;padding:6px 0}.gate-actions button:hover,.gate-link:hover{color:white;text-decoration:underline}.gate-form input:disabled{opacity:.75;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid #c6e4f5;outline-offset:3px}