:root{
  --bg1:#e8fff3;
  --bg2:#e7f3ff;
  --ink:#0b1220;
  --muted:#4b5563;
  --card:rgba(255,255,255,.72);
  --card2:rgba(255,255,255,.9);
  --border:rgba(15,23,42,.10);
  --shadow:0 16px 40px rgba(2,6,23,.10);
  --shadow2:0 10px 22px rgba(2,6,23,.10);
  --r:16px;
  --r2:22px;
  --brand1:#27c98a;
  --brand2:#2f9bff;
  --focus:rgba(47,155,255,.22);
  --danger:#dc2626;
  --warn:#d97706;
  --ok:#16a34a;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(135deg,var(--bg1),var(--bg2));
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}