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

:root{
  --primary:#14b86a;
  --primary-dark:#0f9d59;
  --primary-soft:#eafaf2;
  --secondary:#0c8f52;

  --bg:#f4fbf7;
  --bg-soft:#eef8f2;
  --surface:#ffffff;
  --surface-2:#f9fdfb;
  --border:#e2efe7;

  --text:#1b2a23;
  --text-soft:#66766f;
  --text-faint:#8a9992;

  --success:#16a34a;
  --warning:#f59e0b;
  --danger:#ef4444;
  --info:#0ea5e9;

  --success-soft:#ecfdf3;
  --warning-soft:#fff7e8;
  --danger-soft:#ffefef;
  --info-soft:#ecf8ff;

  --radius-xs:10px;
  --radius-sm:14px;
  --radius-md:18px;
  --radius-lg:24px;
  --radius-xl:30px;

  --shadow-xs:0 2px 10px rgba(20,184,106,.05);
  --shadow-sm:0 8px 20px rgba(20,184,106,.08);
  --shadow-md:0 14px 30px rgba(20,184,106,.10);
  --shadow-lg:0 20px 50px rgba(20,184,106,.14);

  --gradient-main:linear-gradient(135deg,#16c06d 0%, #0f9d59 100%);
  --gradient-soft:linear-gradient(180deg,#f8fefb 0%, #edf8f2 100%);
  --gradient-card:linear-gradient(135deg,#183c2f 0%, #0f241d 100%);

  --transition-fast:.18s ease;
  --transition-mid:.28s ease;
  --transition-slow:.4s ease;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Poppins',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(1200px, 92%);margin-inline:auto}
.page-shell{
  min-height:100vh;
  background:
    radial-gradient(circle at top left, rgba(20,184,106,.10), transparent 30%),
    radial-gradient(circle at top right, rgba(14,165,233,.05), transparent 25%),
    var(--gradient-soft);
}