:root{
  --teal:#185155; --bg:#f7faf9; --ink:#0b1f1f; --muted:#5c6b6b; --ring:#cfe7e1; --radius:14px;
}
html{scroll-behavior:smooth}
body{font:400 16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
.button,.btn,button,input[type=submit]{
  background:var(--teal);color:#fff;border:1px solid var(--teal);border-radius:var(--radius);
  padding:.7rem 1rem;cursor:pointer;transition:.2s;
}
.button:hover,.btn:hover,button:hover,input[type=submit]:hover{filter:brightness(.92)}
.card{background:#fff;border:1px solid var(--ring);border-radius:var(--radius)}
/* utilities */
.round{border-radius:var(--radius)} .shadow{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.hidden{display:none!important}


/* Minimal form/button normalization after Bootstrap swap */
button, .button, .btn, input[type=submit]{border-radius:14px;padding:.65rem 1rem}
input, select, textarea{border:1px solid #cfe7e1;border-radius:10px;padding:.55rem .75rem}