:root{
    --bg-dark:#070b1a;
    --bg-dark2:#0b1024;
    --blue:#3b6bf5;
    --blue2:#6a5cf8;
    --purple:#8b5cf6;
    --pink:#c084fc;
    --text-light:#eef1fb;
    --text-muted:#aab0c6;
    --text-dark:#101225;
    --text-dark-muted:#5b5f78;
    --card-dark:#11162b;
    --card-dark-border:#232a47;
    --radius-xl:28px;
    --radius-lg:20px;
    --radius-md:14px;
    --radius-sm:10px;
    --pad-x:48px;
  }
  html{overflow-x:hidden;width:100%;}
  *{box-sizing:border-box;margin:0;padding:0;}
  body{
    font-family:'Nunito','Segoe UI',system-ui,-apple-system,sans-serif;
    background:#ffffff;
    color:var(--text-dark);
    line-height:1.5;
    overflow-x:clip;
    width:100%;
  }
  h1,h2,h3,h4,.logo,.btn,.course-card h3.big,.eyebrow{
    font-family:'Baloo 2','Nunito',sans-serif;
  }
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}
  .container{
    max-width:1280px;
    margin:0 auto;
    padding:0 var(--pad-x);
  }
  .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:13px 26px;
    border-radius:999px;
    font-weight:600;
    font-size:14.5px;
    border:none;
    cursor:pointer;
    transition:transform .2s ease, box-shadow .2s ease;
    white-space:nowrap;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{
    background:linear-gradient(135deg,var(--blue),var(--blue2));
    color:#fff;
    box-shadow:0 8px 24px rgba(59,107,245,.35);
  }
  .btn-outline{
    background:transparent;
    border:1.5px solid rgba(255,255,255,.25);
    color:#fff;
  }
  .btn-expert{
    border:1.5px solid rgba(185,195,230,.6);
    background:rgba(255,255,255,.025);
    color:#fff;
  }
  .btn-expert:hover{
    background:rgba(124,155,255,.12);
    border-color:rgba(185,195,230,.9);
    box-shadow:0 8px 24px rgba(59,107,245,.16);
  }
  .btn-outline.on-light{
    border:1.5px solid rgba(16,18,37,.18);
    color:var(--text-dark);
  }
  .btn-outline.on-light:hover{background:rgba(16,18,37,.04);}
  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--blue2);
    background:rgba(107,92,248,.1);
    padding:7px 16px;
    border-radius:999px;
    margin-bottom:20px;
  }
  .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--blue2);}
  .eyebrow.on-dark{color:#c6d0ff;background:rgba(138,124,255,.14);}