:root { --brand:#7c4dcc; --brand-dark:#5b34a3; --ink:#2b2b3a; --muted:#666677; --soft:#f5f1fc; }
  * { box-sizing:border-box; margin:0; padding:0; }
  body { font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--ink); line-height:1.6; }
  a { color:inherit; }
  .wrap { max-width:1120px; margin:0 auto; padding:0 20px; }
  header { position:sticky; top:0; background:#fff; border-bottom:1px solid #eee; z-index:10; }
  nav { display:flex; justify-content:space-between; align-items:center; height:68px; }
  .logo { font-weight:800; font-size:1.25rem; color:var(--brand); text-decoration:none; }
  .logo small { color:var(--muted); font-weight:500; font-size:.85rem; margin-left:6px; }
  nav .links a { margin-left:22px; text-decoration:none; font-weight:500; }
  nav .links a:hover { color:var(--brand); }
  .hero { text-align:center; padding:80px 0 64px; background:radial-gradient(ellipse at top,#f1e9ff,#fff 65%); }
  .hero .tag { display:inline-block; background:var(--soft); color:var(--brand-dark); padding:6px 16px; border-radius:999px; font-weight:600; font-size:.85rem; margin-bottom:20px; }
  .hero h1 { font-size:clamp(2rem,5.5vw,3.4rem); line-height:1.15; margin-bottom:16px; }
  .hero h1 span { color:var(--brand); }
  .hero p { color:var(--muted); font-size:1.1rem; max-width:600px; margin:0 auto 32px; }
  .btn { display:inline-block; padding:14px 30px; border-radius:10px; text-decoration:none; font-weight:600; margin:4px 6px; border:2px solid var(--brand); }
  .btn.primary { background:var(--brand); color:#fff; box-shadow:0 4px 0 var(--brand-dark); }
  .btn.ghost { background:#fff; color:var(--brand); box-shadow:0 4px 0 #d9ccf0; }
  .stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:20px; padding:40px 0; text-align:center; }
  .stats b { display:block; font-size:2.1rem; color:var(--brand); }
  .stats span { color:var(--muted); }
  section { padding:64px 0; }
  section.alt { background:var(--soft); }
  h2 { font-size:1.9rem; text-align:center; margin-bottom:8px; }
  .sub { text-align:center; color:var(--muted); margin-bottom:36px; }
  .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:24px; }
  .course { background:#fff; border:1.5px solid #e6dbfa; border-radius:16px; padding:26px; display:flex; flex-direction:column; transition:transform .15s, box-shadow .15s; }
  .course:hover { transform:translateY(-4px); box-shadow:0 10px 24px rgba(60,30,120,.12); }
  .course .ico { font-size:1.8rem; width:54px; height:54px; display:grid; place-items:center; background:var(--soft); border-radius:14px; margin-bottom:14px; }
  .course h3 { margin-bottom:6px; }
  .course p { color:var(--muted); font-size:.95rem; margin-bottom:14px; flex:1; }
  .meta { display:flex; justify-content:space-between; font-size:.85rem; color:var(--muted); border-top:1px solid #eee; padding-top:12px; }
  .meta b { color:var(--brand); }
  .why { text-align:center; }
  .why .ico { font-size:2rem; margin-bottom:8px; }
  .why p { color:var(--muted); font-size:.95rem; }
  .team .person { text-align:center; }
  .avatar { width:96px; height:96px; border-radius:50%; margin:0 auto 12px; background:linear-gradient(135deg,#c9b1f2,#7c4dcc); display:grid; place-items:center; font-size:2.2rem; color:#fff; }
  .person p { color:var(--muted); font-size:.9rem; }
  .cta-box { background:linear-gradient(135deg,#7c4dcc,#3a1638); color:#fff; border-radius:24px; padding:56px 24px; text-align:center; }
  .cta-box h2 { margin-bottom:12px; }
  .cta-box p { opacity:.9; margin-bottom:24px; }
  .cta-box .btn { background:#fff; color:var(--brand-dark); border-color:#fff; box-shadow:none; }
  footer { background:#1e1030; color:#a99cc0; text-align:center; padding:24px; font-size:.9rem; }
  footer a { color:#d9b8ff; }
  @media (max-width:640px) { nav .links a:not(.keep) { display:none; } }
.logo img { height:56px; display:block; }
.logo small { display:none; }

.tier .price { font-size:1.8rem; font-weight:800; color:var(--brand); margin:4px 0 8px; }
.tier ul { padding-left:18px; color:var(--muted); font-size:.92rem; }
.tier li { margin-bottom:6px; }
.note { text-align:center; color:var(--muted); font-size:.9rem; margin-top:24px; }
.review p { font-style:italic; }
.info { margin-top:28px; display:flex; flex-wrap:wrap; gap:8px 28px; justify-content:center; font-size:.95rem; }
.info a { text-decoration:none; }

.chips { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.chips span { background:#fff; color:var(--brand-dark); padding:10px 20px; border-radius:999px; font-weight:500; border:1.5px solid #e6dbfa; }