@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter.woff2) format("woff2")}
@font-face{font-family:Rubik;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/rubik.woff2) format("woff2")}
:root{
  --primary:#3a7968;--primary-hover:#306859;--primary-light:#d8e4e1;
  --text:#322e48;--text-2:#706d8c;--muted:#a19ebe;--bg:#f6f7f9;--card:#fff;--border:#e0deec;
  --contrast:#da2738;--card-shadow:0 0 1rem #00000014;--card-shadow-selected:0 0 1rem #00000026;
  --font-display:Rubik,system-ui,sans-serif;--font-body:Inter,system-ui,sans-serif
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:none}
body,h1,h2,h3,p,ol,ul,figure{margin:0;padding:0}
ol,ul{list-style:none}
img{max-width:100%;height:auto;display:block}
button,input{font:inherit;color:inherit}
body{min-height:100dvh;background:var(--bg);color:var(--text);font:400 1rem/1.4 var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:#0000}
body.alt{background:var(--card)}
b,strong{font-weight:700}
.red{color:var(--contrast);font-weight:700}
.accent{color:var(--primary);font-weight:700}
.btn{appearance:none;cursor:pointer;position:relative;display:flex;justify-content:center;width:100%;max-width:520px;margin-inline:auto;padding:18px 24px;border:0;border-radius:14px;background:var(--primary);color:#fff;font:700 16px/100% Arial,sans-serif;text-transform:capitalize;transition:all .15s;overflow:hidden}
.btn:hover,.btn:active{background:var(--primary-hover)}
.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.btn:disabled{background:var(--primary-light);color:var(--muted);pointer-events:none}
.btn>*{position:relative;z-index:1}
.card{display:flex;align-items:center;gap:1rem;width:100%;min-height:4rem;padding:.75rem 1rem;border:1px solid #0000;border-radius:1rem;background:var(--card);box-shadow:var(--card-shadow);text-align:start;cursor:pointer;user-select:none;transition:all .2s ease-out}
.card:active{transform:scale(.95)}
.card[aria-current=true]{border-color:var(--primary);box-shadow:var(--card-shadow-selected)}
.card:focus-visible{outline:2px solid var(--primary)}
