@layer base {
  * { box-sizing: border-box; }
  button { font: inherit; cursor: pointer; }
  button:disabled { cursor: not-allowed; opacity: 0.45; }
  input { font: inherit; background: rgba(6, 11, 24, 0.6); border: 1px solid var(--line-strong); border-radius: 9px; color: var(--text); outline: 0; padding: 10px 11px; }
  textarea { font: inherit; background: rgba(6, 11, 24, 0.6); border: 1px solid var(--line-strong); border-radius: 9px; color: var(--text); outline: 0; padding: 10px 11px; }
  input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(240, 189, 105, 0.11); }
  textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(240, 189, 105, 0.11); }
  body { overflow-x: hidden; min-width: 320px; margin: 0; color: var(--text); background: radial-gradient(circle at 90% -10%, rgba(90, 126, 199, 0.2), transparent 34rem),
    radial-gradient(circle at -20% 65%, rgba(180, 117, 61, 0.1), transparent 30rem),
    var(--bg); }
  button:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
  summary:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
  a:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
  [hidden] { display: none !important; }
  .sr-only { clip: rect(0, 0, 0, 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
}