.access-page{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 48%,#e9eef580,transparent 52%),var(--paper)}
.access-page .access-header{width:min(1280px,100%);margin:0 auto;padding:30px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.access-page .access-header-note{font-size:13px;color:var(--muted)}
.access-page .access-main{width:min(1100px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);gap:50px;align-items:center;padding:18px 38px 40px}
.access-page .access-card{position:relative;z-index:1;padding:42px 40px 32px;border:1px solid #dde2eb;border-radius:27px;background:#fffdfbe8;box-shadow:0 20px 65px #26375208}
.access-page .access-eyebrow{color:#a45240;letter-spacing:2px;font-size:10px;font-weight:600;margin:0 0 20px}
.access-page h1{font:500 clamp(28px,3vw,35px)/1.5 var(--serif);color:var(--ink);letter-spacing:.5px;margin:0}
.access-page .access-intro{font-size:14px;line-height:1.95;color:var(--muted);margin:15px 0 27px}
.access-page #access-form label{display:block;font-size:13px;color:var(--ink);margin:0 0 10px}
.access-page .access-input-wrap{position:relative}
.access-page #access-password{display:block;width:100%;height:57px;border:1px solid #ced7e3;border-radius:12px;background:#fdfcf9;font-size:16px;letter-spacing:.7px;padding:14px 53px 14px 17px;color:var(--ink)}
.access-page #access-password::placeholder{color:#88909c;font-size:14px;letter-spacing:0}
.access-page #show-password{position:absolute;right:5px;top:6px;width:44px;height:44px;display:grid;place-items:center;border-radius:9px;color:var(--muted)}
.access-page #show-password:hover{background:#eef1f6}
.access-page #show-password svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.access-page #access-message{color:#a4483f;background:#fbf0ed;border:1px solid #efd6cc;border-radius:10px;font-size:13px;line-height:1.7;margin-top:12px;padding:10px 12px}
.access-page #access-submit{display:flex;justify-content:space-between;width:100%;min-height:55px;margin-top:18px;padding:15px 18px;font-size:14px;letter-spacing:.3px}
.access-page #access-submit svg{width:21px;height:21px;fill:none;stroke:#eaa58b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.access-page #access-submit:disabled{opacity:.7}
.access-page .access-details{border-top:1px solid #e6e8ed;padding-top:18px;margin-top:25px;display:flex;flex-direction:column;gap:7px}
.access-page .access-details p{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:11px;line-height:1.8}
.access-page .access-details svg{width:15px;height:15px;flex-shrink:0;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.access-page .access-illustration{position:relative;display:flex;min-width:0;min-height:540px;align-items:center;justify-content:center;padding-bottom:60px;isolation:isolate}
.access-page .access-orbit{position:absolute;z-index:-1;inset:14% 4% 8%;border:1px solid #d9e0ea;border-radius:48% 48% 42% 42%;background:radial-gradient(ellipse at 50% 47%,#e2e8f17a,transparent 68%);transform:rotate(8deg)}
.access-page .access-orbit::after{content:"";position:absolute;inset:12px -17px;border:1px solid #e2d7d066;border-radius:50%;transform:rotate(-22deg)}
.access-page .access-illustration img{width:min(100%,335px);height:475px;object-fit:contain;filter:drop-shadow(0 22px 18px #2637520b)}
.access-page .access-quote{position:absolute;bottom:0;left:12px;right:12px;text-align:center;font-family:var(--serif);font-size:21px;line-height:1.7;color:var(--ink)}
.access-page .access-quote span{display:block;font-size:15px;color:var(--muted)}
.access-page .access-quote strong{font-weight:500}
.access-page .access-footer{padding:24px;text-align:center;font-size:11px;color:var(--muted)}
.site-footer .footer-actions{display:flex;align-items:center;justify-content:center;gap:20px}.site-footer .footer-actions button{font-size:12px;min-height:44px;color:var(--muted)}
@media(max-width:850px){.access-page .access-header{padding:24px 28px}.access-page .access-main{max-width:550px;display:block;padding:20px 25px 30px}.access-page .access-illustration{display:none}.access-page .access-card{padding:38px 35px 30px}.access-page .access-footer{padding-top:10px}}
@media(max-width:430px){.access-page .access-header{padding:24px 22px}.access-page .wordmark{font-size:25px}.access-page .access-header-note{display:none}.access-page .access-main{padding:16px 16px 25px}.access-page .access-card{padding:31px 25px 26px;border-radius:23px}.access-page .access-eyebrow{margin-bottom:17px}.access-page h1{font-size:29px}.access-page .access-intro{font-size:13px;margin-top:13px}.access-page .access-details p{font-size:11px}}
@media(max-width:350px){.access-page .access-header{padding:20px}.access-page .access-card{padding:27px 21px 24px}.access-page h1{font-size:26px}.access-page .access-intro{font-size:12px}.access-page .access-main{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.access-page *{transition:none!important}}
