@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800;900&display=swap');

.co-root{--bg:#f4f4ee;--ink:#111;--muted:#4b4b45;--blue:#1b8cf2;--green:#2f9e6e;--hl:#ffe14d;--pill:#e9e9df;--lime:#d4f53c;
  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);box-sizing:border-box}
@media (prefers-color-scheme:dark){.co-root{--bg:#15150f;--ink:#f4f4ee;--muted:#b9b9ad;--hl:#c9a800;--pill:#25251d}}
.co-root *,.co-root *::before,.co-root *::after{box-sizing:border-box}

.co-btn{display:inline-flex;align-items:center;gap:10px;background:var(--lime);color:#111;text-decoration:none;font-weight:800;font-size:1.05rem;padding:15px 26px;border-radius:999px;border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.co-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.co-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.co-root a:focus-visible,.co-root button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.co-root *{animation:none!important;transition:none!important}}