:root{color-scheme:dark;font-family:"Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;background:#0d1b38;color:#f6f8ff}
*{box-sizing:border-box}
body{min-width:320px;min-height:100svh;margin:0;background:radial-gradient(circle at 13% 8%,rgba(75,157,213,.25),transparent 30rem),radial-gradient(circle at 85% 90%,rgba(15,95,155,.2),transparent 31rem),#0d1b38}
.access-shell{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);min-height:100svh}
.access-intro{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:clamp(44px,6vw,96px);border-right:1px solid rgba(214,233,255,.18);isolation:isolate}
.access-intro:before,.access-intro:after{position:absolute;z-index:-1;content:"";border:1px solid rgba(154,210,246,.24);border-radius:50%}
.access-intro:before{width:min(59vw,760px);aspect-ratio:1;right:-19%;top:-19%;box-shadow:0 0 0 58px rgba(93,168,219,.045),0 0 0 117px rgba(93,168,219,.03)}
.access-intro:after{width:360px;aspect-ratio:1;left:-160px;bottom:-160px}
.access-mark{display:grid;width:54px;aspect-ratio:1;margin:0 0 auto;place-items:center;border:1px solid rgba(224,240,255,.7);font-family:Georgia,serif;font-size:30px}
.access-eyebrow,.access-form-head p{margin:0;color:#9ad2f6;font-size:12px;font-weight:700;letter-spacing:.18em}
.access-eyebrow{margin-top:clamp(56px,17vh,220px)}
h1,h2{margin:0;font-family:Georgia,"Songti SC",serif;font-weight:400;letter-spacing:.01em}
h1{max-width:720px;margin-top:18px;font-size:clamp(42px,5.1vw,76px);line-height:1.08}
.access-summary{max-width:490px;margin:24px 0 0;color:rgba(246,248,255,.72);font-size:16px;line-height:1.8}
.access-form-wrap{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,6vw,96px);background:rgba(5,15,36,.38)}
.access-form-head{margin-bottom:32px}.access-form-head h2{margin-top:12px;font-size:clamp(30px,3vw,42px)}
.access-status{min-height:22px;margin:0 0 18px;color:#ffc4b8;font-size:14px;line-height:1.5}.access-status[hidden]{display:none}
.access-form{display:grid;gap:22px}.access-form label{display:grid;gap:9px;color:rgba(246,248,255,.85);font-size:14px;font-weight:600}
.access-form input{width:100%;min-height:53px;padding:0 15px;border:1px solid rgba(180,214,240,.34);border-radius:0;outline:none;background:rgba(255,255,255,.07);color:#fff;font:inherit;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.access-form input:focus{border-color:#9ad2f6;background:rgba(255,255,255,.11);box-shadow:0 0 0 3px rgba(154,210,246,.15)}
.access-form button{min-height:54px;margin-top:8px;border:1px solid #9ad2f6;border-radius:0;background:#9ad2f6;color:#092044;font:inherit;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease}
.access-form button:hover{background:#c3e6fb;transform:translateY(-1px)}.access-form button:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:3px}.access-form button:disabled{cursor:wait;opacity:.72;transform:none}
.access-note{max-width:330px;margin:27px 0 0;color:rgba(246,248,255,.52);font-size:13px;line-height:1.7}
@media(max-width:800px){.access-shell{grid-template-columns:1fr}.access-intro{min-height:39svh;padding:30px 24px;border-right:0;border-bottom:1px solid rgba(214,233,255,.18)}.access-mark{width:42px;font-size:24px}.access-eyebrow{margin-top:48px}h1{font-size:40px}.access-summary{margin-top:15px;font-size:14px}.access-form-wrap{padding:38px 24px 48px}.access-form-head{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
