.access-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;padding:28px;background:radial-gradient(ellipse at 50% 42%,#1a3450 0,#101c2c 40%,#080e18 78%);color:#ecf2fa;font-family:"DM Sans","Noto Sans Thai",sans-serif}.access-gate[hidden]{display:none}.access-gate:before,.access-gate:after{position:absolute;content:"";border:1px solid #c5d6f00c;border-radius:50%;pointer-events:none}.access-gate:before{width:min(82vw,900px);aspect-ratio:1}.access-gate:after{width:min(63vw,690px);aspect-ratio:1}.access-stars{position:absolute;inset:0;opacity:.65;background-image:radial-gradient(1px 1px at 8% 18%,#d9e6ff 99%,transparent),radial-gradient(1px 1px at 77% 13%,#fff 99%,transparent),radial-gradient(1px 1px at 90% 73%,#c8d9ff 99%,transparent),radial-gradient(1.5px 1.5px at 20% 80%,#e3edff 99%,transparent),radial-gradient(1px 1px at 67% 90%,#fff 99%,transparent),radial-gradient(1px 1px at 37% 8%,#fff 99%,transparent);background-size:280px 240px,370px 310px,430px 370px,510px 440px,330px 290px,600px 530px}.access-card{position:relative;width:min(100%,440px);padding:42px 42px 32px;border:1px solid #ffffff1c;border-radius:24px;background:linear-gradient(148deg,#142338ed,#0d1725f2 70%);box-shadow:0 30px 100px #02060db8, inset 0 1px #ffffff12;backdrop-filter:blur(20px);animation:access-arrive .65s cubic-bezier(.2,.8,.2,1) both}.access-logo{position:relative;display:grid;width:48px;height:48px;place-items:center;margin-bottom:26px;border:1px solid #8ca8ff55;border-radius:15px;background:linear-gradient(145deg,#7386ff36,#34d7c320);color:#d6ddff;font-size:14px;font-weight:750;letter-spacing:.08em}.access-logo:before,.access-logo:after{position:absolute;content:"";height:1px;background:#98b0ff77;transform-origin:left}.access-logo:before{width:17px;left:15px;top:24px;transform:rotate(-35deg)}.access-logo:after{width:15px;left:25px;top:18px;transform:rotate(48deg)}.access-logo span{position:absolute;left:11px;bottom:8px;font-size:10px;color:#9faccc}.access-logo i{position:absolute;top:8px;right:9px;width:4px;height:4px;border-radius:50%;background:#a6ffd7;box-shadow:0 0 11px #a6ffd7}.access-eyebrow{margin:0 0 18px;color:#93a7c6;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.16em}.access-eyebrow span{padding:0 5px;color:#7189f9}.access-card h1{margin:0;color:#f0f4fc;font-size:32px;font-weight:600;line-height:1.38;letter-spacing:-.04em}.access-card h1 em{color:#a9b7ff;font-style:normal}.access-description{margin:14px 0 29px;color:#a5b1c2;font-size:13px;line-height:1.8}.access-card form label{display:block;margin-bottom:9px;color:#d4ddeb;font-size:12px;font-weight:550}.access-input-wrap{position:relative}.access-input-wrap input{width:100%;height:50px;padding:0 44px 0 15px;border:1px solid #ffffff20;border-radius:12px;outline:none;background:#070e19aa;color:#f4f6ff;font:500 14px "DM Sans","Noto Sans Thai",sans-serif;transition:border-color .2s,box-shadow .2s}.access-input-wrap input::placeholder{color:#64738a}.access-input-wrap input:focus{border-color:#8c9dffad;box-shadow:0 0 0 3px #8194ff1e}.access-input-wrap input[aria-invalid=true]{border-color:#ff8195}.access-input-wrap>span{position:absolute;right:16px;top:13px;color:#98a8c5;font-size:22px;transform:rotate(90deg)}.access-error{min-height:21px;margin:7px 0;color:#ff9aab;font-size:12px}.access-submit{display:flex;width:100%;height:51px;align-items:center;justify-content:center;gap:12px;border:0;border-radius:12px;background:linear-gradient(100deg,#8795ff,#7185ef 52%,#80a0ff);box-shadow:0 9px 26px #6478e933;color:#09111e;font:650 14px "DM Sans","Noto Sans Thai",sans-serif;cursor:pointer;transition:transform .2s,filter .2s}.access-submit:hover{transform:translateY(-1px);filter:brightness(1.09)}.access-submit:disabled{opacity:.7;cursor:wait}.access-submit span{font-size:19px}.access-footnote{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px;color:#8292a8;font:10px "IBM Plex Mono",monospace;letter-spacing:.1em}.access-footnote span{width:6px;height:6px;border-radius:50%;background:#9de0bf;box-shadow:0 0 10px #9de0bf99}.access-orbit-note{position:absolute;bottom:24px;margin:0;color:#75859d;font:10px "IBM Plex Mono",monospace;letter-spacing:.15em}.access-orbit-note i{padding:0 9px;color:#7185e8;font-style:normal}@keyframes access-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:520px){.access-gate{padding:20px}.access-card{padding:32px 25px 27px;border-radius:20px}.access-card h1{font-size:28px}.access-orbit-note{font-size:8px;letter-spacing:.1em}.access-orbit-note i{padding:0 5px}}@media(prefers-reduced-motion:reduce){.access-card{animation:none;transition:none}}