.access-body{min-height:100vh;margin:0;background:radial-gradient(circle at 80% 10%,rgba(226,214,181,.16),transparent 34rem),#171713;color:#f4f0e7}
.access-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(20px,5vw,64px);box-sizing:border-box}
.access-card{width:min(100%,520px);padding:clamp(28px,6vw,54px);border:1px solid rgba(244,240,231,.18);background:rgba(31,31,27,.92);box-shadow:0 28px 90px rgba(0,0,0,.28)}
.access-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:44px;color:inherit;text-decoration:none;letter-spacing:.14em;font-weight:700}
.access-brand img{border-radius:50%}.access-card .eyebrow{color:#cfc4a6;margin:0 0 12px}
.access-card h1{margin:0;font-size:clamp(38px,8vw,68px);line-height:.95;letter-spacing:-.05em;font-weight:500}
.access-copy{max-width:40ch;margin:24px 0 30px;color:#c9c5bb;font-size:1.05rem;line-height:1.6}
.access-form{display:grid;gap:10px}.access-form label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#cfc4a6}
.access-form input{width:100%;box-sizing:border-box;min-height:56px;border:1px solid rgba(244,240,231,.26);background:#11110f;color:#fff;padding:0 16px;font:inherit;border-radius:0;outline:none}
.access-form input:focus{border-color:#e4d7b7;box-shadow:0 0 0 3px rgba(228,215,183,.12)}
.access-form button{min-height:56px;margin-top:8px;border:0;background:#eee7d6;color:#171713;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:inherit;font-weight:700;cursor:pointer}
.access-error{margin:0 0 18px;padding:12px 14px;border-left:3px solid #c86a55;background:rgba(200,106,85,.12);color:#f3cfc6}
.access-note{margin:16px 0 0;color:#8f8c84;font-size:.86rem}
@media (max-width:600px){.access-shell{place-items:stretch;padding:0}.access-card{min-height:100vh;width:100%;box-sizing:border-box;border:0;display:flex;flex-direction:column;justify-content:center;box-shadow:none}}