html,body{background:#07070a;color:#f5f3ee;margin:0}
:root{--bg:#07070a;--ink:#f5f3ee;--muted:#a19d94;--line:rgba(255,255,255,.10);--accent:#e8b04b;--serif:'Instrument Serif',Georgia,serif;--sans:'Inter',system-ui,sans-serif}
*{box-sizing:border-box}body{font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.glass{background:rgba(12,12,16,.42);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.12)}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;font-weight:500;font-size:14px;transition:background .25s,color .25s,transform .25s;cursor:pointer;border:0;font-family:inherit;color:var(--ink);background:none}
.pill.primary{background:var(--ink);color:#07070a}.pill.primary:hover{background:var(--accent)}
.pill.ghost:hover{background:rgba(255,255,255,.1)}
:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}
.fu{opacity:0;animation:fu .9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes fu{from{opacity:0;filter:blur(16px);transform:translateY(28px)}to{opacity:1;filter:none;transform:none}}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);flex:none}
.badge{font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid rgba(232,176,75,.45);color:var(--accent);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.fu{opacity:1}}