/* OTIUM MEMBERS — shared styles */
:root{
  --gold:#F9C164; --gold-dim:#c99a4e; --olive:#6E705C; --black:#0a0a0a;
  --ink:#efe8da; --muted:#877f6e; --faint:#6b6455;
  --serif:'Cormorant Garamond',serif; --sans:'Jost',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{min-height:100%}
body{
  background:
    radial-gradient(900px 500px at 80% -10%, rgba(249,193,100,.07), transparent 60%),
    radial-gradient(700px 400px at 5% 110%, rgba(110,112,92,.10), transparent 60%),
    var(--black);
  color:var(--ink); font-family:var(--sans); font-weight:300;
  -webkit-font-smoothing:antialiased;
}
body::before{content:"";position:fixed;inset:0;opacity:.10;pointer-events:none;z-index:0;
  background:
    radial-gradient(2px 160px at 20% 30%, rgba(239,232,218,.5), transparent 70%),
    radial-gradient(2px 200px at 70% 65%, rgba(239,232,218,.35), transparent 70%),
    radial-gradient(1.5px 120px at 45% 90%, rgba(239,232,218,.4), transparent 70%);
  filter:blur(1px);transform:rotate(14deg) scale(1.6);
}
.wrap{position:relative;z-index:1;max-width:420px;margin:0 auto;padding:52px 26px 40px;min-height:100vh;display:flex;flex-direction:column}
.wrap.wide{max-width:860px}
.wordmark{font-family:var(--serif);letter-spacing:.4em;color:var(--gold);text-align:center;font-size:30px;font-weight:500}
.tagline{text-align:center;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-top:7px}
.hair{width:48px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:18px auto}
.kicker{text-align:center;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-dim)}
h1.head{font-family:var(--serif);font-size:37px;line-height:1.25;text-align:center;font-weight:500;margin-top:10px}
.lede{font-family:var(--serif);font-size:20px;line-height:1.55;color:#cfc6b4;text-align:center;margin-top:14px;font-style:italic}
.field{margin-top:24px}
.field label{display:block;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.field input,.field textarea{
  width:100%;background:transparent;border:0;border-bottom:1px solid rgba(249,193,100,.35);
  padding:10px 2px;font-family:var(--serif);font-size:21px;color:var(--ink);outline:none;border-radius:0;
}
.field input:focus,.field textarea:focus{border-bottom-color:var(--gold)}
.btn{
  display:block;width:100%;margin-top:32px;border:1px solid var(--gold);color:var(--gold);
  text-align:center;padding:17px;font-size:14px;letter-spacing:.28em;text-transform:uppercase;
  background:transparent;cursor:pointer;font-family:var(--sans);transition:background .3s,color .3s;
}
.btn:hover{background:var(--gold);color:#141210}
.btn.ghost{border-color:#4a4438;color:var(--muted)}
.btn[disabled]{opacity:.4;pointer-events:none}
.note{text-align:center;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-top:16px;line-height:1.8}
.error{font-family:var(--serif);font-style:italic;text-align:center;color:#c98f8f;margin-top:16px;font-size:18.5px}
.card{
  border:1px solid rgba(249,193,100,.25);background:linear-gradient(165deg,#151310,#0b0a09 70%);
  border-radius:12px;padding:22px;margin-top:18px;
}
.center{text-align:center}
.spacer{flex:1}
.foot{text-align:center;font-family:var(--serif);letter-spacing:.28em;color:var(--faint);font-size:15px;margin-top:44px}
a{color:var(--gold);text-decoration:none}
.hidden{display:none !important}