.access-page{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);grid-template-columns:minmax(0,1.12fr) minmax(420px,1fr);display:grid}.access-scene{border-right:1px solid var(--line);background:radial-gradient(ellipse at 40% 36%,var(--surface-2) 0%,var(--bg) 40%,var(--bg-sunk) 80%);min-height:100dvh;position:relative;overflow:hidden}.access-scene:after{content:"";opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.13' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.access-brand{z-index:1;align-items:center;gap:20px;display:flex;position:absolute;top:7%;left:8%}.access-brand>span:last-child{max-width:110px;font:9px/1.8 var(--font-mono);letter-spacing:.18em;color:var(--ink-3);border-left:1px solid var(--line-strong);padding-left:20px}.access-optics{width:112%;height:80%;position:absolute;top:1%;left:-6%}.access-optics linearGradient stop{stop-color:var(--accent)}.access-optics linearGradient stop:nth-child(2){stop-color:var(--ink-3)}.access-optics linearGradient stop:last-child{stop-color:var(--line-strong)}.access-optics radialGradient stop{stop-color:var(--accent)}.access-optics svg>g:not([class]){stroke:var(--ink-3)}.access-optics svg>circle{fill:var(--accent)}.access-scene-copy{position:absolute;bottom:15%;left:8%;right:8%}.access-kicker{font:10px/1.5 var(--font-mono);letter-spacing:.18em;color:var(--ink-3);display:block}.access-scene-copy h1{font-size:clamp(30px,3.4vw,58px);font-family:var(--font-sans);letter-spacing:-.04em;margin:22px 0 18px;font-weight:500;line-height:1.45}.access-scene-copy h1 span{color:var(--accent)}.access-scene-copy p{color:var(--ink-2);letter-spacing:.08em;font-size:13px}.access-scene-footer{font:9px var(--font-mono);letter-spacing:.12em;color:var(--ink-3);border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding-top:18px;display:flex;position:absolute;bottom:5%;left:8%;right:8%}.access-panel{background:radial-gradient(ellipse at 100% 0%,var(--accent-soft),transparent 50%),var(--surface);justify-content:center;align-items:center;padding:100px 8% 110px;display:flex;position:relative}.access-back{color:var(--ink-3);align-items:center;gap:8px;min-height:40px;font-size:12px;display:flex;position:absolute;top:7%;right:8%}.access-back:hover{color:var(--accent)}.access-form-wrap{width:100%;max-width:360px}.access-monogram{background:linear-gradient(140deg,var(--raised),var(--bg-muted));width:52px;height:52px;color:var(--ink);box-shadow:inset 0 1px 1px var(--plate-edge),var(--shadow-soft);font:30px/52px var(--font-display);text-align:center;border-radius:16px;margin-bottom:32px;position:relative}.access-monogram span{font:16px var(--font-mono);position:absolute;top:7px;right:6px}.access-form-wrap .access-kicker{color:var(--ink-3);font-size:9px}.access-form-wrap h2{letter-spacing:-.04em;margin:10px 0;font-size:32px;font-weight:600}.access-intro{color:var(--ink-3);font-size:14px;line-height:1.7}.access-form-wrap form{margin-top:30px}.access-form-wrap label{color:var(--ink-2);margin:22px 0 9px;font-size:12px;display:block}.access-form-wrap input:not([type=hidden]){border:1px solid var(--line-strong);background:var(--field);width:100%;height:51px;color:var(--ink);color-scheme:inherit;border-radius:10px;outline:none;padding:0 16px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.access-form-wrap input::placeholder{color:var(--ink-4)}.access-form-wrap input:focus{border-color:var(--accent);background:var(--raised);box-shadow:0 0 0 3px var(--accent-soft)}.access-password{position:relative}.access-password input{padding-right:65px!important}.access-password button{height:43px;color:var(--ink-3);padding:0 12px;font-size:11px;position:absolute;top:4px;right:4px}.access-submit{background:var(--accent);width:100%;height:52px;color:var(--accent-contrast);box-shadow:inset 0 1px var(--plate-edge);border-radius:10px;justify-content:space-between;align-items:center;margin-top:28px;padding:0 18px;font-size:14px;font-weight:650;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.access-submit:hover{background:var(--accent-ink);box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 15%,transparent)}.access-submit:active{transform:translateY(1px)}.access-submit:disabled{opacity:.65;cursor:wait}.access-submit svg{transition:transform .2s}.access-submit:hover svg{transform:translate(3px)}.access-feishu{text-align:center;border:1px solid var(--line-strong);border-radius:9px;margin-top:16px;padding:10px;font-size:13px;display:block}.access-error{color:var(--hot);margin-top:15px;font-size:13px;line-height:1.7}.access-bottom{color:var(--ink-3);align-items:center;gap:9px;margin-top:24px;font-size:11px;display:flex}.access-bottom span{background:var(--line-strong);width:16px;height:1px}.access-footer{font:11px var(--font-mono);color:var(--ink-2);justify-content:space-between;gap:12px;display:flex;position:absolute;bottom:5%;left:8%;right:8%}.access-footer span{font:11px var(--font-sans);color:var(--ink-3)}.access-page a:focus-visible,.access-page button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width>=1800px){.access-form-wrap{max-width:420px}.access-form-wrap h2{font-size:40px}}@media (width<=900px){.access-page{grid-template-columns:1fr}.access-scene{border-right:0;border-bottom:1px solid var(--line);height:32dvh;min-height:275px}.access-brand{top:24px;left:7%}.access-brand>span:last-child,.access-scene-footer{display:none}.access-optics{width:70%;height:160%;top:-36%;left:40%}.access-scene-copy{bottom:30px;left:7%}.access-scene-copy h1{margin:10px 0;font-size:27px}.access-scene-copy p{font-size:11px}.access-scene-copy .access-kicker{display:none}.access-panel{min-height:68dvh;padding:70px 7% 100px}.access-back{top:12px;right:7%}.access-monogram{display:none}.access-form-wrap h2{font-size:28px}.access-form-wrap{max-width:420px}.access-footer{bottom:28px;left:7%;right:7%}}@media (prefers-reduced-motion:reduce){.access-page *{transition:none!important;animation:none!important}}
