:root{--primary:#1E3A8A;--secondary:#475569;--accent:#F59E0B;--bg:#F8FAFC;--surface:#FFFFFF;--text:#0F172A;--link:#1E3A8A;--button_bg:#1E3A8A;--button_text:#FFFFFF;--success:#16A34A;--warning:#B45309;--error:#DC2626}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;font-size:16px}img{max-width:100%;height:auto;display:block}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.sr,.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.container{max-width:1200px;margin:0 auto;padding:16px}.site-header{background:var(--surface);border-bottom:1px solid #e5e7eb}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{font-weight:700;color:var(--text)}.primary-nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0}.primary-nav a{padding:8px 12px;border-radius:6px}.primary-nav a:focus{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 12px;background:var(--accent);color:#000;border-radius:6px;z-index:1000}.hero{background:var(--surface)}.hero-grid{display:grid;gap:24px;grid-template-columns:1fr}.hero-copy h1{font-size:2rem;margin:0 0 8px}.tagline{color:var(--secondary)}.hero-cta{display:flex;gap:12px;margin:12px 0 16px}.hero form{display:flex;gap:8px;flex-wrap:wrap}.hero input[type=search]{flex:1;min-width:240px;padding:12px;border:1px solid #cbd5e1;border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:8px;background:var(--button_bg);color:var(--button_text);border:0;cursor:pointer}.btn.ghost{background:transparent;color:var(--link);border:1px solid var(--link)}.filters{background:var(--surface);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field label{display:block;font-weight:600;margin-bottom:6px}.field select,.field input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}.results-count{margin-top:12px;color:var(--secondary)}.catalog .grid{display:grid;grid-template-columns:1fr;gap:16px}.card{background:var(--surface);border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card .body{padding:12px}.card h3{margin:4px 0}.meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.9rem;color:var(--secondary)}.price{margin-left:auto;font-weight:700;color:var(--text)}.rating{display:flex;align-items:center;gap:6px}.stars{color:#f59e0b}.reveal{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px}.reveal p{margin:4px 0}.card-actions{display:flex;gap:8px;margin-top:8px}.course-detail{background:var(--surface);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.course-detail h2{margin-top:0}.detail-meta{display:grid;gap:12px}.bullets{padding-left:18px}.player{margin-top:12px}.player-tools{display:flex;align-items:center;gap:8px;margin:8px 0}.transcript{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.instructor{display:flex;gap:12px;align-items:center;margin-top:12px}.how{background:var(--surface)}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.comparison .compare-grid{display:grid;grid-template-columns:1fr;gap:12px}.compare-card{background:var(--surface);border:1px solid #e5e7eb;border-radius:12px;padding:16px}.compare-card.accent{border-color:var(--accent)}.certs .certs-grid{display:grid;grid-template-columns:1fr;gap:16px}.cart{background:var(--surface);border-top:1px solid #e5e7eb}.cart-inner{display:grid;grid-template-columns:1fr;gap:16px}.cart-items .row{display:flex;align-items:center;gap:8px;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding:8px 0}.cart-items .row .title{flex:1}.cart-form .field{margin-bottom:10px}.totals{border-top:1px solid #e5e7eb;padding-top:10px;margin-top:10px}.totals>div{display:flex;justify-content:space-between;margin:6px 0}.totals .total strong{font-size:1.2rem}.refund-note{color:var(--secondary);font-size:.9rem}.faq .qa{border-top:1px solid #e5e7eb;padding:12px 0}.site-footer{background:var(--surface);border-top:1px solid #e5e7eb}.footer-grid{display:grid;grid-template-columns:1fr;gap:16px}.smallprint{color:var(--secondary);padding:8px 0}.trust img{filter:none}.load-more{text-align:center;margin:12px 0}/* responsive */@media(min-width:768px){.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center}.filters-grid{grid-template-columns:repeat(6,1fr)}.catalog .grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.comparison .compare-grid{grid-template-columns:repeat(2,1fr)}.certs .certs-grid{grid-template-columns:1.2fr .8fr}.cart-inner{grid-template-columns:2fr 1fr}.cart{position:relative}.cart-inner>div:last-child,.cart-form{position:sticky;top:12px}}/* focus and states */button, .btn, .primary-nav a{min-height:44px}.card:focus-within,.card:hover{box-shadow:0 6px 20px rgba(0,0,0,.06);transform:translateY(-1px)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#1e3a8a;font-size:.8rem}/* skeleton */.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:shine 1.4s ease infinite}@keyframes shine{0%{background-position:100% 0}100%{background-position:0 0}}/* accessibility helpers */.error{color:var(--error)}.success{color:var(--success)}/* SAFETY */ html,body{background:#fff;color:#111!important;} h1,h2,h3,h4,h5,h6{color:#0f172a!important;} p,li,blockquote,small,.text,.copy{color:#111827!important;} a{color:#0d6efd!important;} a:hover,a:focus{color:#0a58ca!important;} .reveal{opacity:1!important;transform:none!important;} [hidden],.is-hidden{display:block!important;} .hero .bg-pattern,.page-overlay,.modal-backdrop{pointer-events:none!important;} .btn,.button{color:#fff!important;background-color:#0d6efd!important;border:none!important;} .btn.ghost,.button.ghost{color:#0d6efd!important;background:transparent!important;border:1px solid #0d6efd!important;}
/* === injected: safe theme tokens === */
:root {
  --bg:#ffffff; --surface:#f6f7f9; --surface-2:#eef1f6;
  --text:#0b0b0f; --muted:#374151; --primary:#0ea5e9;
  --accent:#14b8a6; --ring:#38bdf8; --success:#16a34a; --border:#e5e7eb;
}
[data-theme="dark"] {
  --bg:#0b1221; --surface:#0f172a; --surface-2:#111827;
  --text:#e5e7eb; --muted:#94a3b8; --primary:#3b82f6;
  --accent:#06b6d4; --ring:#7dd3fc; --success:#22c55e; --border:rgba(148,163,184,.22);
}
html,body{background:var(--bg);color:var(--text);}
a{color:var(--primary)} a:hover{color:var(--accent)}
.reveal{opacity:1;transform:none}
.reveal.use-reveal{opacity:0;transform:translateY(12px)}
.reveal.use-reveal.in-view{opacity:1;transform:none;transition:opacity .5s,transform .5s}

/* ===== SAFETY OVERRIDES (visible content, light theme) ===== */
html, body { background: #ffffff !important; color: #111111 !important; }
h1, h2, h3, h4, h5, h6 { color: #0f172a !important; }
p, li, blockquote, small, .text, .copy { color: #111827 !important; }
a { color: #0d6efd !important; } a:hover, a:focus { color: #0a58ca !important; }
.section, .hero, .about, .levels, .method, .testimonials, .faq, .contact { background: transparent !important; }
.card, .panel, .tile { background: #ffffff !important; color: #111827 !important; border-color: rgba(15, 23, 42, 0.12) !important; }
.reveal { opacity: 1 !important; transform: none !important; }
[hidden], .is-hidden { display: block !important; }
.hero .bg-pattern, .page-overlay, .modal-backdrop { pointer-events: none !important; }
.hero .container, .section .container { position: relative; z-index: 1; }
.btn, .button { color: #ffffff !important; background-color: #0d6efd !important; border: none !important; }
.btn.ghost, .button.ghost { color: #0d6efd !important; background: transparent !important; border: 1px solid #0d6efd !important; }
[data-theme="dark"] body { background: #0b0b0f !important; color: #f5f5f5 !important; }


/* === MOBILE NAV — BULLET-PROOF === */
.nav-toggle{display:none}
@media (max-width:768px){
  .header-inner{justify-content:space-between}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  /* Force-hide desktop nav on mobile */
  #primary-menu{display:none !important; position:absolute; top:100%; left:0; right:0;
    background:#fff; border-top:1px solid #e5e7eb; box-shadow:0 10px 30px rgba(0,0,0,.08);
    z-index:9999; padding:.75rem 1rem;
  }
  #primary-menu > ul{display:flex !important; flex-direction:column; gap:.75rem; margin:0; padding:0; list-style:none}
  body.nav-open #primary-menu{display:block !important}
  .site-header{position:relative; z-index:10000}
}
@media (min-width:769px){
  .nav-toggle{display:none}
}

/* Responsive video player */
.player video {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 8px; /* optional styling */
  display: block;
  margin: 0 auto;
}

/* Player tools below video */
.player .player-tools {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-start;
}

/* Transcript block */
.player .transcript {
  margin-top: 1rem;
  max-width: 100%;
  overflow-x: auto;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .player .player-tools {
    flex-direction: column;
    align-items: stretch;
  }
  .player .btn,
  .player select {
    width: 100%;
  }
}