/* Base44‑inspired Bootstrap Theme (standalone CSS) */

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

:root {
  --bs-body-font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-primary: #2563eb;
  --bs-secondary: #0ea5e9;
  --bs-info: #38bdf8;
  --bs-success: #10b981;
  --bs-warning: #f59e0b;
  --bs-danger: #ef4444;
  --bs-light: #f8fafc;
  --bs-dark: #0f172a;
  --accent: #fb923c;
  --radius-xl: 1.25rem;
  --radius-2xl: 1.5rem;
  --elev-1: 0 10px 30px rgba(2, 6, 23, 0.06);
  --elev-2: 0 20px 50px rgba(2, 6, 23, 0.08);
  --grad-hero: linear-gradient(135deg, #c7f9cc 0%, #a0e7e5 35%, #ffe29a 70%, #ffd6a5 100%);
  --grad-card: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.55));
  --grad-primary: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
  --grad-cta: linear-gradient(135deg, #fb923c 0%, #f59e0b 100%);
}

h1, .display-1, .display-2 { letter-spacing: -0.02em; }
h1 { font-weight: 800; }
h2, h3 { font-weight: 700; }

.btn { border-radius: 999px; font-weight: 600; }
.btn-primary {
  background-image: var(--grad-primary);
  border: none;
  box-shadow: 0 10px 20px rgba(37, 99, 235, .25);
}
.btn-primary:hover { filter: brightness(1.05); }

.btn-accent {
  --bs-btn-color: #0f172a;
  --bs-btn-bg: transparent;
  background-image: var(--grad-cta);
  border: none;
  box-shadow: 0 10px 20px rgba(245, 158, 11, .25);
}

.navbar { backdrop-filter: saturate(140%) blur(8px); background: rgba(255,255,255,.6) !important; box-shadow: var(--elev-1); }
.navbar .nav-link { font-weight: 600; }

.hero {
  background: var(--grad-hero);
  border-bottom-left-radius: var(--radius-2xl);
  border-bottom-right-radius: var(--radius-2xl);
  position: relative;
  overflow: hidden;
}
.hero .badge-accent { background: var(--accent); color: #0f172a; font-weight: 700; }

.glass-card {
  background: var(--grad-card);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(148,163,184,.25);
  border-radius: var(--radius-xl);
  box-shadow: var(--elev-1);
}

.shadow-2 { box-shadow: var(--elev-2); }

.icon-pill {
  width: 44px; height: 44px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; color: #0f172a; background: #a5f3fc;
}

.pricing-card { border: 1px solid rgba(148,163,184,.2); border-radius: var(--radius-xl); box-shadow: var(--elev-1); }
.pricing-card.featured { border-color: rgba(37,99,235,.35); box-shadow: 0 20px 50px rgba(37,99,235,.15); }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

footer { color: rgba(15,23,42,.7); }