:root{--bg: oklch(.977 .004 250);--bg-deep: oklch(.955 .006 250);--surface: oklch(1 0 0);--surface-2: oklch(.985 .004 250);--fg: oklch(.33 .045 255);--muted: oklch(.55 .03 250);--faint: oklch(.68 .02 250);--border: oklch(.905 .008 250);--border-strong: oklch(.83 .012 250);--accent: oklch(.43 .09 255);--accent-strong: oklch(.365 .095 255);--accent-soft: color-mix(in oklch, var(--accent) 10%, var(--surface));--accent-ink: oklch(.33 .08 255);--teal: oklch(.5 .085 175);--teal-ink: oklch(.42 .09 175);--teal-soft: color-mix(in oklch, var(--teal) 11%, var(--surface));--amber: oklch(.6 .115 55);--amber-ink: oklch(.52 .12 55);--amber-soft: color-mix(in oklch, var(--amber) 12%, var(--surface));--danger: oklch(.55 .14 25);--danger-soft: color-mix(in oklch, var(--danger) 9%, var(--surface));--gray: oklch(.6 .01 250);--gray-soft: color-mix(in oklch, var(--gray) 12%, var(--surface));--shadow-sm: 0 1px 2px oklch(.2 .04 255 / .05), 0 6px 18px oklch(.2 .04 255 / .06);--shadow-md: 0 2px 6px oklch(.2 .04 255 / .06), 0 22px 52px oklch(.2 .04 255 / .12);--font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;--font-body: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-num: Georgia, "Times New Roman", serif;--radius: 16px;--radius-sm: 10px;--radius-xs: 7px;--shell: 1320px;--nav-h: 82px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--fg);background:radial-gradient(1200px 500px at 88% -8%,oklch(.9 .02 255 / .5),transparent 60%),radial-gradient(900px 420px at -6% 18%,oklch(.93 .015 180 / .35),transparent 55%),var(--bg);min-width:320px}::selection{background:color-mix(in oklch,var(--accent) 22%,var(--surface))}h1,h2,h3,h4{margin:0;font-weight:600}p{margin:0}a{color:var(--accent-ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.shell{width:min(var(--shell),calc(100% - 40px));margin:0 auto}.hidden{display:none!important}.access-body{min-height:100vh;overflow-x:hidden;background:#102d40;color:var(--fg);display:grid;place-items:center;padding:34px}.access-body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 76% 12%,rgba(73,143,137,.24),transparent 32%),radial-gradient(ellipse at 8% 88%,rgba(190,146,75,.13),transparent 30%),linear-gradient(135deg,#102c40,#173d50 52%,#102b3b);pointer-events:none}.access-body:after{content:"";position:fixed;inset:0;opacity:.19;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to right,#000,transparent 62%);mask-image:linear-gradient(to right,#000,transparent 62%);pointer-events:none}.access-ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none}.access-ambient i{position:absolute;width:7px;height:7px;border:1px solid rgba(255,255,255,.36);border-radius:50%;box-shadow:0 0 0 7px #ffffff06}.access-ambient i:nth-child(1){left:7%;top:15%}.access-ambient i:nth-child(2){right:8%;top:24%}.access-ambient i:nth-child(3){left:14%;bottom:12%}.access-ambient>span{position:absolute;right:-88px;bottom:170px;transform:rotate(-90deg);color:#ffffff21;font:9px var(--font-num);letter-spacing:.42em}.access-shell{position:relative;z-index:1;width:min(1160px,100%);animation:access-enter .7s cubic-bezier(.2,.75,.25,1) both}@keyframes access-enter{0%{opacity:0;transform:translateY(18px) scale(.992)}to{opacity:1;transform:none}}.access-card{display:grid;grid-template-columns:minmax(370px,.9fr) minmax(500px,1.1fr);min-height:640px;overflow:hidden;background:var(--surface);border:1px solid rgba(255,255,255,.2);border-radius:22px;box-shadow:0 40px 110px #03121d6b}.access-context{position:relative;display:flex;flex-direction:column;min-width:0;padding:38px 42px;color:#eef6f6;background:linear-gradient(155deg,#163b4f,#1c4a5b 58%,#1b4b52);overflow:hidden}.access-context:after{content:"26";position:absolute;right:-22px;bottom:-68px;color:#ffffff0a;font:italic 230px/1 var(--font-num)}.access-brand{position:relative;z-index:2;display:flex;align-items:center;gap:17px;width:max-content;color:#fff;text-decoration:none}.access-brand img{width:82px;filter:brightness(0) invert(1)}.access-brand>span{display:grid;padding-left:17px;border-left:1px solid rgba(255,255,255,.24);font:600 14px var(--font-display)}.access-brand small{margin-top:2px;color:#ffffff80;font:7px var(--font-body);letter-spacing:.16em}.access-network{position:absolute;inset:82px -58px auto 8px;height:300px;opacity:.62}.access-network svg{width:100%;height:100%;overflow:visible}.access-network path{fill:none;stroke:#a9d6d052;stroke-width:1}.access-network circle{fill:#d5ac68;stroke:#183d4f;stroke-width:4;filter:drop-shadow(0 0 8px rgba(213,172,104,.45))}.network-label{position:absolute;padding:3px 7px;color:#ffffffb3;background:#0c2734b3;border:1px solid rgba(255,255,255,.12);border-radius:99px;font-size:8px}.label-a{left:17%;top:66%}.label-b{left:45%;top:53%}.label-c{left:65%;top:13%}.label-d{right:8%;top:54%}.access-context-copy{position:relative;z-index:1;margin-top:auto}.access-context-copy>span{color:#d5ac68;font:700 8px var(--font-num);letter-spacing:.18em}.access-context-copy h2{margin:8px 0 13px;color:#fff;font:600 clamp(29px,3.2vw,42px)/1.28 var(--font-display);letter-spacing:.01em}.access-context-copy p{max-width:390px;color:#e8f4f4ad;font-size:11px;line-height:1.85}.access-capabilities{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:28px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.13);list-style:none}.access-capabilities li{display:flex;align-items:center;gap:9px;padding:10px 0;color:#ffffffc7;font-size:9px;border-bottom:1px solid rgba(255,255,255,.08)}.access-capabilities li:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}.access-capabilities li:nth-child(2n){padding-left:16px}.access-capabilities i{color:#d5ac68;font:italic 9px var(--font-num)}.access-panel{position:relative;display:flex;flex-direction:column;padding:58px 66px 38px;background:radial-gradient(circle at 100% 0,var(--teal-soft),transparent 34%),var(--surface)}.access-panel:before{content:"";position:absolute;top:0;left:66px;width:58px;height:4px;background:var(--amber)}.access-panel>header>span,.access-state>div>small,.access-state>div>span{color:var(--accent-ink);font:700 8px var(--font-num);letter-spacing:.18em}.access-panel>header h1{margin:8px 0 7px;font:600 clamp(34px,4vw,48px)/1.15 var(--font-display)}.access-panel>header p{color:var(--muted);font-size:11px}.access-loading{display:flex;align-items:center;gap:12px;margin-top:58px;padding:18px;background:var(--surface-2);border-left:3px solid var(--accent);color:var(--muted);font-size:11px}.access-loading i{width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:access-spin .8s linear infinite}@keyframes access-spin{to{transform:rotate(360deg)}}.access-state{display:grid;grid-template-columns:48px minmax(0,1fr);gap:17px;margin-top:48px}.access-state-mark{display:grid;place-items:center;width:46px;height:46px;color:#fff;background:var(--accent);border-radius:50%;box-shadow:0 7px 20px color-mix(in oklch,var(--accent) 25%,transparent);font:600 15px var(--font-num)}.access-state h2{margin:5px 0 8px;font:600 23px var(--font-display)}.access-state p{max-width:460px;color:var(--muted);font-size:11px;line-height:1.85}.access-state em{display:block;margin-top:10px;color:var(--faint);font-size:8px;font-style:normal}.access-primary,.access-actions button{min-height:43px;margin-top:20px;padding:0 19px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);font-size:11px;font-weight:700}.access-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;color:#fff!important;background:var(--accent)!important;border-color:var(--accent)!important;box-shadow:0 10px 24px color-mix(in oklch,var(--accent) 22%,transparent);transition:transform .2s,box-shadow .2s}.access-primary:hover{transform:translateY(-1px);box-shadow:0 13px 28px color-mix(in oklch,var(--accent) 29%,transparent)}.access-primary b{font-size:15px}.access-identity{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;margin:26px 0 17px;padding:13px 15px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px}.access-avatar{display:grid;place-items:center;width:43px;height:43px;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--accent),var(--teal));border-radius:50%;font:700 14px var(--font-num)}.access-avatar img{width:100%;height:100%;object-fit:cover}.access-identity>div:nth-child(2){display:grid}.access-identity small{color:var(--faint);font-size:7px;letter-spacing:.08em}.access-identity b{font-size:12px}.access-identity span{color:var(--muted);font-size:9px}.access-identity button{background:none;border:0;color:var(--accent-ink);font-size:9px}#accessForm{display:grid;grid-template-columns:1fr 1fr;gap:12px}#accessForm label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:700}#accessForm label:nth-child(2){grid-column:1/-1}#accessForm input,#accessForm textarea{width:100%;padding:10px 11px;background:var(--surface);border:1px solid var(--border-strong);border-radius:7px;font-size:11px;transition:border-color .2s,box-shadow .2s}#accessForm input:focus,#accessForm textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}#accessForm .access-primary{justify-self:start;margin-top:0}#accessMessage{align-self:center;color:var(--danger);font-size:9px}.access-actions{display:flex;flex-wrap:wrap;gap:7px}.access-actions button{margin-top:17px}.access-state blockquote{margin:14px 0 0;padding:10px 13px;color:var(--amber-ink);background:var(--amber-soft);border-left:3px solid var(--amber);font-size:10px}.access-survey{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:22px;border-top:1px solid var(--border)}.access-survey>span{display:grid;grid-template-columns:28px auto;column-gap:10px;align-items:center}.access-survey i{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;color:var(--teal-ink);background:var(--teal-soft);border-radius:50%;font:700 11px var(--font-num)}.access-survey b{font-size:9px}.access-survey small{color:var(--faint);font-size:8px}.access-survey a{min-width:max-content;color:var(--accent-ink);font-size:9px;font-weight:700;text-decoration:none}.access-legal{display:flex;justify-content:space-between;padding:13px 5px 0;color:#ffffff6b;font-size:8px;letter-spacing:.03em}body[data-access-status=approved] .access-state-mark{background:var(--teal)}body[data-access-status=pending] .access-state-mark{background:var(--amber)}body[data-access-status=rejected] .access-state-mark,body[data-access-status=revoked] .access-state-mark{background:var(--danger)}@media(max-width:900px){.access-card{grid-template-columns:minmax(300px,.78fr) minmax(430px,1.22fr)}.access-context{padding:32px}.access-panel{padding:50px 42px 32px}.access-context-copy h2{font-size:31px}}@media(max-width:720px){.access-body{display:block;padding:0;background:#102d40}.access-body:after{-webkit-mask-image:linear-gradient(#000,transparent 58%);mask-image:linear-gradient(#000,transparent 58%)}.access-shell{width:100%}.access-card{display:block;min-height:100vh;border:0;border-radius:0;box-shadow:none}.access-context{min-height:248px;padding:24px 22px 27px}.access-brand img{width:72px}.access-network{inset:20px -70px auto 29%;height:220px;opacity:.43}.access-context-copy{margin-top:63px}.access-context-copy h2{margin-bottom:0;font-size:29px}.access-context-copy p,.access-capabilities{display:none}.access-panel{min-height:calc(100vh - 248px);padding:36px 22px 26px;border-radius:20px 20px 0 0;margin-top:-18px}.access-panel:before{left:22px}.access-panel>header h1{font-size:35px}.access-state{grid-template-columns:38px 1fr;margin-top:35px}.access-state-mark{width:36px;height:36px}.access-identity{grid-template-columns:42px 1fr}.access-identity>button{grid-column:2;justify-self:start;padding:0}#accessForm{grid-template-columns:1fr}#accessForm label:nth-child(2){grid-column:auto}#accessForm .access-primary{width:100%}#accessMessage:empty{display:none}.access-survey{margin-top:32px;align-items:flex-start}.access-survey small{max-width:220px}.access-legal{display:none}}@media(prefers-reduced-motion:reduce){.access-shell,.access-loading i{animation:none}.access-primary{transition:none}}
