:root{
  --bg:#0f172a;/* rgb(17,24,39) */
  --fg:#0b1327;/* darker text */
  --text:#111827;/* rgb(17,24,39) */
  --muted:#6b7280;/* slate-500 */
  --brand:#3b82f6;/* rgb(59,130,246) */
  --accent:#facc15;/* rgb(250,204,21) */
  --rose:#ec4899;/* rgb(236,72,153) */
  --surface:#f8fafc;/* rgb(248,250,252) */
  --white:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Roboto, system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;color:var(--text);}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1216px;margin:0 auto;padding:0 32px}

.site-header{position:sticky;top:0;background:var(--surface);box-shadow:0 2px 6px rgba(0,0,0,.08);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:700;color:var(--text)}
.main-nav{display:flex;gap:24px;align-items:center}
.main-nav a{color:#334155}
.nav-toggle{display:none;border:0;background:transparent;font-size:22px}

.hero{padding:64px 0;background:linear-gradient(135deg, rgba(250,204,21,.15), rgba(59,130,246,.12))}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lead{font-size:1.125rem;color:#334155}
.actions{display:flex;gap:16px;margin-top:16px}
.hero-image img{width:100%;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.15)}

.btn{display:inline-block;padding:12px 16px;border-radius:10px;font-weight:600;border:2px solid transparent}
.btn-primary{background:var(--accent);color:#111827;border-color:var(--accent)}
.btn-primary:hover{filter:brightness(.95)}
.btn-secondary{background:var(--white);border-color:#e5e7eb;color:#111827}
.btn-secondary:hover{background:#f3f4f6}

.stats{padding:32px 0;background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
.stat{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.stat-value{font-size:2rem;font-weight:700;color:var(--brand)}
.stat-label{color:#475569}

.section{padding:64px 0;background:#fff}
.section.alt{background:#f9fafb}
.section-head{text-align:center;margin-bottom:24px}
.section-head h2{margin:0 0 8px 0}

.cards .card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.cards .card h3{margin-top:0}

.steps{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.steps li{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 16px 16px 52px;position:relative}
.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:12px;top:12px;height:28px;width:28px;border-radius:8px;background:var(--rose);color:#fff;display:grid;place-items:center;font-weight:700}

.mt-40{margin-top:40px}
.sessions{display:grid;gap:12px}
.session{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5e7eb;padding:16px;border-radius:12px}
.session-title{font-weight:600}
.session-meta{color:#475569}

.site-footer{background:#111827;color:#e5e7eb;padding:48px 0;margin-top:32px}
.site-footer h4{color:#fff;margin-top:0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.list-unstyled{list-style:none;margin:0;padding:0}
.copyright{border-top:1px solid #1f2937;margin-top:24px;padding-top:16px;text-align:center;color:#9ca3af}

/* Responsive */
@media (max-width: 900px){
  .grid-2{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .main-nav{display:none;position:absolute;right:16px;top:64px;background:#fff;padding:12px;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:220px}
  .main-nav.open{display:flex}
  .nav-toggle{display:block}
}