:root{
  --green:#00221C;
  --green-soft:#06372f;
  --gold:#C5A267;
  --ivory:#FAF8F1;
  --paper:#FFFFFF;
  --ink:#111111;
  --muted:#77746d;
  --line:#ddd8ca;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--ink);background:
radial-gradient(circle at 50% 18%, rgba(197,162,103,.16), transparent 34%),
linear-gradient(180deg,#fffdf8 0%,var(--ivory) 100%);}
.access-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px 18px}
.access-panel{width:min(520px,100%);background:rgba(255,255,255,.86);border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,34,28,.12);padding:46px clamp(24px,6vw,54px);text-align:center}
.seal-wrap{width:150px;height:150px;margin:0 auto 26px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 22px 60px rgba(0,34,28,.16)}
.seal-wrap img{width:132px;height:132px;border-radius:50%;object-fit:cover;display:block}
.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.34em;font-size:11px;color:var(--gold);font-weight:700}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,8vw,58px);letter-spacing:.08em;text-transform:uppercase;line-height:1;margin:0 0 18px}
.subtitle{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:20px;line-height:1.45;color:#3d3a34;margin:0 auto 34px;max-width:390px}
.access-form{text-align:left;display:grid;gap:13px}
.access-form label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#39362f;margin-top:7px}
.access-form input{width:100%;height:54px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:18px;padding:0 16px;outline:none}
.access-form input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(197,162,103,.16)}
.access-form button{margin-top:18px;height:56px;border:0;background:var(--green);color:#fff;text-transform:uppercase;letter-spacing:.14em;font-weight:800;cursor:pointer;box-shadow:0 16px 38px rgba(0,34,28,.22)}
.access-form button:hover{background:var(--green-soft)}
.access-error{min-height:20px;text-align:center;color:#8a1f1f;font-size:14px;margin:14px 0 0}
@media (max-width:560px){
  .access-panel{padding:34px 22px}
  .seal-wrap{width:126px;height:126px}
  .seal-wrap img{width:110px;height:110px}
  h1{letter-spacing:.06em}
}