:root{
  --tf-blue:#1e40af;          /* primary */
  --tf-blue-2:#3b82f6;        /* accent */
  --ink:#0f172a;
  --muted:#64748b;
  --bg:#f8fafc;
}
*{box-sizing:border-box}
body{font-family:system-ui,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--ink)}
a{text-decoration:none}

/* Topbar + Navbar */
.tf-topbar{background:linear-gradient(90deg,var(--tf-blue),#0b2a7a)}
.tf-navbar{background:#fff}
.brand-text{color:var(--tf-blue);font-weight:800}
.nav-link{font-weight:600}
.btn-brand{background:var(--tf-blue);color:#fff;border-radius:12px;padding:.55rem 1rem}
.btn-brand:hover{opacity:.92;color:#fff}

/* Hero */
.tf-hero{
  background:
     radial-gradient(80rem 30rem at 20% -10%, #dbeafe 10%, transparent 40%),
     radial-gradient(80rem 30rem at 100% 0%, #eff6ff 10%, transparent 40%),
     linear-gradient(180deg, #ffffff, #f6faff 70%);
  padding:72px 0 36px;
}
.badge-soft{background:#e9f1ff;color:var(--tf-blue);border:1px solid #cfe0ff;border-radius:999px;padding:.35rem .7rem;font-weight:600}

/* Cards */
.card-rounded{border-radius:18px}
.shadow-soft{box-shadow:0 20px 40px rgba(2,21,62,.08)}

/* Section headings */
.section-title{font-weight:800}
.section-sub{color:var(--muted)}

/* Course chips */
.chip{display:inline-block;background:#eef2ff;border:1px solid #dbe0ff;color:#273a9b;padding:.25rem .55rem;border-radius:999px;font-size:.82rem;margin:.15rem}

/* Footer */
.tf-footer{background:#fff;border-top:1px solid #e5e7eb}

/* Utilities */
.max-w-2{max-width:680px}