:root {
  --ink:#293831; --muted:#748078; --paper:#f3f0e8; --cream:#fffdf7;
  --moss:#5d786a; --moss-dark:#304c40; --apricot:#e4a873; --danger:#9b5148;
  --line:rgba(48,75,63,.14); --shadow:0 24px 70px rgba(54,66,58,.14);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  color:var(--ink); background:var(--paper);
}
*{box-sizing:border-box} html,body{min-height:100%;margin:0} body{overflow-x:hidden}
button,input{font:inherit;color:inherit} button{cursor:pointer}
button:focus-visible,input:focus-visible{outline:3px solid rgba(228,168,115,.5);outline-offset:2px}
.eyebrow{margin:0 0 7px;color:var(--moss);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.5);font:20px Georgia,serif}
.primary,.secondary{min-height:42px;padding:10px 16px;border-radius:12px;font-weight:600}
.primary{color:#fff;border:0;background:var(--moss-dark);box-shadow:0 10px 24px rgba(48,76,64,.17)}
.secondary{border:1px solid var(--line);background:#fff}
.form-message{min-height:20px;margin:3px 0;color:var(--danger);font-size:12px;line-height:1.5}
.form-message.success{color:var(--moss)}