.hero-training{
    background:
      radial-gradient(1200px 600px at 10% -10%, rgba(0,214,200,.06), transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  }
  .hero-slim { padding: 8px 0 22px; }
  .hero-inner-slim { display:grid; grid-template-columns:1fr; padding-top:22px; }
  .hero-pills{
    display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; color:#cfe2ff; font-weight:700;
  }
  .hero-pills span{
    display:inline-flex; gap:6px; align-items:center;
    border:1px solid var(--line); background:rgba(255,255,255,.04);
    padding:6px 10px; border-radius:999px;
  }
  
  .course-grid{
    grid-template-columns:repeat(2, 1fr);
  }
  @media (max-width:900px){ .course-grid{ grid-template-columns:1fr } }
  
  .tile-course{
    position:relative; overflow:hidden; isolation:isolate;
    border:1px solid var(--line); border-radius:20px;
    background:
      radial-gradient(120% 100% at 0% 0%, rgba(83,109,254,.08), transparent 60%),
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    box-shadow:var(--shadow);
    transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
  .tile-course:hover{ transform:translateY(-4px); border-color:rgba(109,255,233,.35); box-shadow:0 18px 50px rgba(0,0,0,.35) }
  .tile-sheen{
    position:absolute; left:-20%; top:-40px; width:50%; height:120px; transform:rotate(8deg);
    background:linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.07), rgba(255,255,255,.0));
    filter:blur(6px); pointer-events:none; opacity:.0; transition:opacity .25s ease, transform .25s ease;
  }
  .tile-course:hover .tile-sheen{ opacity:.8; transform:translateX(30px) rotate(8deg) }
  
  .course-head{
    display:grid; grid-template-columns:108px 1fr; gap:16px; align-items:center;
    padding:16px; margin:12px 12px 0;
    background:linear-gradient(180deg, rgba(10,16,24,.88), rgba(10,16,24,.72));
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  @media (max-width:540px){ .course-head{ grid-template-columns:86px 1fr } }
  .title-wrap{ display:grid; gap:6px }
  .course-title{ margin:0; font-size:1.12rem; line-height:1.35; letter-spacing:.2px }
  
  .chips{ display:flex; gap:8px; flex-wrap:wrap }
  .chip{
    display:inline-flex; align-items:center; gap:6px;
    padding:6px 10px; border-radius:999px; font-weight:800; font-size:.86rem;
    border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); color:#cfe2ff;
  }
  .chip.lvl{ border-color:rgba(0,214,200,.35); color:#76ffea; background:rgba(0,214,200,.10) }
  .chip.mod{ border-color:rgba(83,109,254,.35); }
  .chip.dur{ border-color:rgba(255,255,255,.18) }
  .chip.lang{ border-color:rgba(140,170,210,.45); background:rgba(140,170,210,.10); color:#dbe8ff }
  
  .icon-aura.mini{
    width:96px; height:96px; max-width:100%; border-radius:20px;
    display:grid; place-items:center; position:relative;
    background:radial-gradient(60% 60% at 50% 45%, rgba(0,214,200,.14), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08); overflow:hidden; box-shadow:inset 0 0 40px rgba(0,0,0,.45), 0 0 60px rgba(0,214,200,.10);
  }
  .icon-aura.mini i{ font-size:42px; color:#e9f4ff; filter:drop-shadow(0 10px 24px rgba(0,0,0,.45)); z-index:2 }
  .icon-aura .icon-glow{ position:absolute; inset:12%; border-radius:50%; background:radial-gradient(circle, rgba(102,255,230,.25), rgba(102,255,230,0) 60%); filter:blur(6px); opacity:.45 }
  .icon-aura .icon-ring{ position:absolute; inset:6%; border-radius:50%; -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0); background:repeating-radial-gradient(circle at 50% 50%, rgba(102,255,230,.45) 0 2px, rgba(102,255,230,0) 2px 12px); animation:spin-icon 36s linear infinite; opacity:.6 }
  @keyframes spin-icon{ to{ transform:rotate(360deg) } }
  
  .course-body{ padding:14px 16px 16px; display:grid; gap:12px }
  .desc{ margin:0; color:#cfe2ff }
  .kv{ list-style:none; margin:0; padding:0; display:grid; gap:8px }
  .kv li{ display:flex; justify-content:space-between; gap:10px; border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:rgba(255,255,255,.03) }
  .kv li span{ color:#a6b8d4 }
  .price{ color:#9af6e6 }
  
  .cta-row{ display:flex; gap:10px; flex-wrap:wrap }
  .btn-sm{ padding:10px 12px; border-radius:12px; font-weight:800 }
  
  .panel-callout{
    margin-top:22px;
    border:1px solid var(--line); border-radius:16px;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    box-shadow:var(--shadow); padding:16px;
  }
  .callout-grid{
    display:grid; grid-template-columns:0.9fr 1.1fr; gap:20px; align-items:center;
  }
  @media (max-width:980px){ .callout-grid{ grid-template-columns:1fr; gap:14px } }
  .callout-copy h3{ margin:0 0 6px; font-size:1.18rem }
  .callout-ctas{ display:flex; gap:10px; flex-wrap:wrap }
  
  .reveal{ opacity:1 !important; transform:none !important }
  
  #year::after{ content:""; }