.access-page{--access-line:#ffffff1f;--access-muted:#8e8e89;--access-accent:#7d9eae;color:#f5f5f2;grid-template-rows:auto 1fr;width:min(90vw,1440px);min-height:100svh;margin:auto;display:grid}.access-header{z-index:3;min-height:64px;color:var(--access-muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:relative}.access-header strong{color:#f5f5f2;letter-spacing:.08em;font-size:13px}.access-stage{grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:clamp(36px,6vw,110px);min-height:0;padding:6vh 0;display:grid}.access-visual{min-height:min(66vh,720px);position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(82% 76% at 42%,#000 30%,#000000c2 60%,#0000 100%);mask-image:radial-gradient(82% 76% at 42%,#000 30%,#000000c2 60%,#0000 100%)}.access-panel{z-index:2;text-align:right;align-self:center;position:relative}.access-panel h1{letter-spacing:-.035em;white-space:nowrap;margin:0;font-family:ZevHeiTC-N Portfolio,ZevHeiTC-N Web,Microsoft YaHei,sans-serif;font-size:clamp(42px,5.3vw,78px);font-weight:300;line-height:1.06}.access-message{color:#b9b9b4;min-height:24px;margin:28px 0 30px;font-size:13px;line-height:1.8}.access-message.is-error{color:#d4a8a0}.access-form{border-bottom:1px solid #ffffff8c;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:58px;transition:border-color .18s;display:grid}.access-form:focus-within{border-bottom-color:var(--access-accent)}.access-form input{color:#f5f5f2;min-width:0;font:inherit;letter-spacing:.08em;text-align:right;background:0 0;border:0;outline:0;padding:0 18px 0 0;font-size:16px}.access-form input::placeholder{color:#5f5f5b}.access-form button{min-width:142px;color:var(--access-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 0 24px;font-size:13px}:is(.access-form button:hover,.access-form button:focus-visible){color:#f5f5f2}.access-form button:focus-visible{outline:1px solid var(--access-accent);outline-offset:4px}.access-form button:disabled,.access-form input:disabled{cursor:wait;opacity:.62}@media (max-width:900px){.access-stage{grid-template-columns:minmax(0,.78fr) minmax(400px,1.22fr);gap:4vw}}@media (max-width:680px){.access-stage{grid-template-columns:1fr;align-content:center;gap:32px;padding:4vh 0 7vh}.access-visual{min-height:30vh;-webkit-mask-image:radial-gradient(82% 74% at 50% 42%,#000 28%,#000000b8 60%,#0000 100%);mask-image:radial-gradient(82% 74% at 50% 42%,#000 28%,#000000b8 60%,#0000 100%)}.access-panel h1{font-size:clamp(38px,11vw,58px)}.access-message{margin-block:20px 22px}}@media (prefers-reduced-motion:reduce){.access-visual{min-height:42vh}}