/* SkillMagnet - шапка сайта. Перенесено с главной ДОСЛОВНО:
   это блоки <style> "Единая шапка Skillmagnet для всех страниц" (2 шт),
   которые главная, /testdrive и /training используют без изменений.
   Обновлять так же: скопировать эти два блока с главной целиком. */

/* ===== Единая шапка Skillmagnet для всех страниц ===== */
:root{
  --sm-head-accent:#c6f451;
  --sm-head-accent-rgb:198,244,81;
  --sm-head-dark:#121212;
  --sm-head-light:#ffffff;
}
html[data-theme="light"]{
  --sm-head-accent:#8bc700;
  --sm-head-accent-rgb:139,199,0;
}
body{padding-top:72px!important;}
.sm-header,
#sm-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:2147482000!important;
  height:auto!important;
  min-height:72px!important;
  margin:0!important;
  padding:0!important;
  background:rgba(18,18,18,.96)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  transform:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
html[data-theme="light"] .sm-header,
html[data-theme="light"] #sm-header{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.08)!important;
}
.sm-header *,
#sm-header *{box-sizing:border-box!important;letter-spacing:0!important;text-shadow:none!important;}
.sm-header-inner{
  width:100%!important;
  max-width:1440px!important;
  min-height:72px!important;
  margin:0 auto!important;
  padding:0 18px!important;
  display:grid!important;
  grid-template-columns:auto minmax(360px,520px) auto!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.sm-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  order:initial!important;
}
.sm-logo,
.sm-logo:link,
.sm-logo:visited{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  text-decoration:none!important;
  margin:0!important;
  padding:0!important;
}
.sm-logo img{
  width:auto!important;
  height:48px!important;
  max-width:none!important;
  display:block!important;
  object-fit:contain!important;
}
.sm-logo .sm-logo-light,
.smf-logo .sm-logo-light{display:none!important;}
html[data-theme="light"] .sm-logo .sm-logo-dark,
html[data-theme="light"] .smf-logo .sm-logo-dark{display:none!important;}
html[data-theme="light"] .sm-logo .sm-logo-light,
html[data-theme="light"] .smf-logo .sm-logo-light{display:block!important;}
.sm-brand-text{
  display:block!important;
  max-width:178px!important;
  margin:0!important;
  color:rgba(255,255,255,.56)!important;
  font-size:13px!important;
  line-height:1.22!important;
  font-weight:700!important;
}
html[data-theme="light"] .sm-brand-text{color:rgba(20,20,20,.60)!important;}
.sm-nav{
  display:flex!important;
  align-items:center!important;
  justify-self:center!important;
  width:100%!important;
  min-width:0!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.sm-switch{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  gap:3px!important;
  margin:0!important;
  padding:4px!important;
  border-radius:999px!important;
  overflow:visible!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .sm-switch{
  background:rgba(0,0,0,.045)!important;
  border-color:rgba(0,0,0,.09)!important;
}
.sm-switch a,
.sm-switch a:link,
.sm-switch a:visited,
.sm-switch a:hover,
.sm-switch a:active,
.sm-switch a.sm-active{
  min-width:0!important;
  height:auto!important;
  min-height:40px!important;
  flex:1 1 0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.50)!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  text-transform:none!important;
  transition:color .18s ease,background .18s ease!important;
}
.sm-switch a:hover,
.sm-switch a.sm-active{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
}
html[data-theme="light"] .sm-switch a,
html[data-theme="light"] .sm-switch a:link,
html[data-theme="light"] .sm-switch a:visited{
  color:rgba(20,20,20,.55)!important;
}
html[data-theme="light"] .sm-switch a:hover,
html[data-theme="light"] .sm-switch a.sm-active{
  color:#111!important;
  background:rgba(0,0,0,.06)!important;
}
.sm-tabs-mini{
  display:none!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
}
.sm-mini,
.sm-mini:link,
.sm-mini:visited,
.sm-login,
.sm-login:link,
.sm-login:visited,
.sm-theme-toggle{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 44px!important;
  color:rgba(255,255,255,.74)!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
  font-size:19px!important;
  line-height:1!important;
}
html[data-theme="light"] .sm-mini,
html[data-theme="light"] .sm-login,
html[data-theme="light"] .sm-theme-toggle{
  color:rgba(20,20,20,.78)!important;
  background:rgba(0,0,0,.045)!important;
  border-color:rgba(0,0,0,.12)!important;
}
.sm-mini svg{
  width:21px!important;
  height:21px!important;
  max-width:21px!important;
  max-height:21px!important;
  display:block!important;
  flex:0 0 21px!important;
  stroke:currentColor!important;
}
.sm-login-text{display:none!important;}
.sm-login-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.sm-login-icon svg{
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  display:block!important;
  fill:currentColor!important;
}
.sm-theme-toggle span{display:none!important;}
html[data-theme="dark"] .sm-theme-toggle .sm-theme-moon{display:inline-block!important;}
html[data-theme="light"] .sm-theme-toggle .sm-theme-sun{display:inline-block!important;}
.sm-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  justify-self:end!important;
  gap:10px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.sm-actions .sm-cta{order:1!important;}
.sm-actions .sm-login{order:2!important;}
.sm-actions .sm-theme-toggle{order:3!important;}
.sm-cta,
.sm-cta:link,
.sm-cta:visited,
.sm-cta:hover,
.sm-cta:active{
  order:1!important;
  width:158px!important;
  min-width:158px!important;
  max-width:158px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 158px!important;
  overflow:hidden!important;
  background:var(--sm-head-accent)!important;
  color:#050505!important;
  box-shadow:0 14px 34px rgba(var(--sm-head-accent-rgb),.24)!important;
  text-decoration:none!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
html[data-theme="light"] .sm-cta,
html[data-theme="light"] .sm-cta:link,
html[data-theme="light"] .sm-cta:visited,
html[data-theme="light"] .sm-cta:hover,
html[data-theme="light"] .sm-cta:active{
  color:#fff!important;
}
.sm-cta:before{display:none!important;content:none!important;animation:none!important;}
.sm-cta-full{display:none!important;}
.sm-cta-short{display:inline!important;color:inherit!important;}
@media (max-width:1260px){
  .sm-brand-text{display:none!important;}
  .sm-header-inner{grid-template-columns:auto minmax(330px,500px) auto!important;gap:14px!important;}
}
@media (max-width:980px){
  body{padding-top:112px!important;}
  .sm-header-inner{
    min-height:auto!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 14px!important;
  }
  .sm-brand{order:1!important;margin-right:auto!important;}
  .sm-actions{order:2!important;margin-left:auto!important;gap:8px!important;}
  .sm-nav{order:3!important;flex:1 1 100%!important;width:100%!important;display:flex!important;align-items:center!important;gap:8px!important;}
  .sm-switch{flex:1 1 auto!important;width:auto!important;}
  .sm-switch a{flex:1 1 0!important;text-align:center!important;}
  .sm-tab-td,.sm-tab-textonly{display:inline-flex!important;}
  .sm-tabs-mini{display:none!important;}
}
@media (max-width:600px){
  body{padding-top:118px!important;}
  .sm-header-inner{gap:8px!important;padding:8px 12px!important;}
  .sm-logo img{height:40px!important;}
  .sm-actions{gap:6px!important;}
  .sm-login,.sm-theme-toggle,.sm-mini{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;flex-basis:40px!important;
  }
  .sm-cta,.sm-cta:link,.sm-cta:visited,.sm-cta:hover,.sm-cta:active{
    width:130px!important;min-width:130px!important;max-width:130px!important;flex-basis:130px!important;height:40px!important;min-height:40px!important;max-height:40px!important;border-radius:13px!important;font-size:14px!important;padding:0 12px!important;
  }
  .sm-nav{gap:8px!important;}
  .sm-tabs-mini{display:inline-flex!important;}
  .sm-tab-textonly{display:none!important;}
  .sm-tab-td{display:inline-flex!important;}
  .sm-switch{padding:3px!important;gap:2px!important;}
  .sm-switch a{min-height:34px!important;padding:0 8px!important;font-size:13px!important;}
  .sm-mini svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;}
}
@media (max-width:380px){
  .sm-switch a{font-size:12px!important;padding:0 6px!important;}
  .sm-cta,.sm-cta:link,.sm-cta:visited,.sm-cta:hover,.sm-cta:active{width:118px!important;min-width:118px!important;max-width:118px!important;flex-basis:118px!important;}
}

/* ===== патч-слой #sm-header (финальные правила) ===== */
:root{--sm-head-green:#98cf32;--sm-head-green-rgb:152,207,50;--sm-head-dark:#121313;--sm-head-dark-soft:#1b1d1d;--sm-head-light:#ffffff;--sm-head-line-dark:rgba(255,255,255,.08);--sm-head-line-light:rgba(0,0,0,.09);}
html body{padding-top:72px!important;}
#sm-header.sm-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:999999!important;margin:0!important;background:rgba(18,19,19,.96)!important;border:0!important;border-bottom:1px solid var(--sm-head-line-dark)!important;border-radius:0!important;box-shadow:0 8px 30px rgba(0,0,0,.28)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;transform:none!important;opacity:1!important;font-family:Arial,sans-serif!important;}
html[data-theme="light"] #sm-header.sm-header{background:rgba(255,255,255,.94)!important;border-bottom-color:var(--sm-head-line-light)!important;box-shadow:0 8px 30px rgba(0,0,0,.08)!important;}
#sm-header *,#sm-header *::before,#sm-header *::after{box-sizing:border-box!important;letter-spacing:0!important;text-shadow:none!important;}
#sm-header .sm-header-inner{width:100%!important;max-width:1440px!important;height:72px!important;min-height:72px!important;margin:0 auto!important;padding:0 18px!important;display:grid!important;grid-template-columns:auto minmax(360px,520px) auto!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;}
#sm-header .sm-brand{display:flex!important;align-items:center!important;gap:18px!important;min-width:0!important;margin:0!important;}
#sm-header .sm-logo{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;text-decoration:none!important;}
#sm-header .sm-logo img{display:block!important;height:48px!important;width:auto!important;max-width:none!important;object-fit:contain!important;}
html[data-theme="dark"] #sm-header .sm-logo-dark{display:block!important;}html[data-theme="dark"] #sm-header .sm-logo-light{display:none!important;}html[data-theme="light"] #sm-header .sm-logo-dark{display:none!important;}html[data-theme="light"] #sm-header .sm-logo-light{display:block!important;}
#sm-header .sm-brand-text{display:block!important;max-width:230px!important;color:rgba(255,255,255,.62)!important;font-size:15px!important;line-height:1.15!important;font-weight:800!important;}
html[data-theme="light"] #sm-header .sm-brand-text{color:rgba(20,20,20,.58)!important;}
#sm-header .sm-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;width:100%!important;overflow:visible!important;}
#sm-header .sm-switch{display:flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;gap:3px!important;width:100%!important;max-width:520px!important;min-width:0!important;padding:4px!important;border-radius:999px!important;overflow:visible!important;background:rgba(255,255,255,.045)!important;border:1px solid var(--sm-head-line-dark)!important;box-shadow:none!important;}
html[data-theme="light"] #sm-header .sm-switch{background:#f4f5f6!important;border-color:#e0e2e4!important;}
#sm-header .sm-switch a,#sm-header .sm-switch a:link,#sm-header .sm-switch a:visited,#sm-header .sm-switch a:hover,#sm-header .sm-switch a:active,#sm-header .sm-switch a.sm-active{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;min-width:0!important;min-height:40px!important;height:auto!important;padding:0 14px!important;border:0!important;border-radius:999px!important;box-shadow:none!important;background:transparent!important;color:rgba(255,255,255,.52)!important;text-decoration:none!important;font-size:15px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;transform:none!important;opacity:1!important;}
#sm-header .sm-switch a:hover,#sm-header .sm-switch a.sm-active{background:rgba(255,255,255,.075)!important;color:#fff!important;}
html[data-theme="light"] #sm-header .sm-switch a,html[data-theme="light"] #sm-header .sm-switch a:link,html[data-theme="light"] #sm-header .sm-switch a:visited{color:rgba(24,24,24,.58)!important;}
html[data-theme="light"] #sm-header .sm-switch a:hover,html[data-theme="light"] #sm-header .sm-switch a.sm-active{background:#e9eaec!important;color:#111!important;}
#sm-header .sm-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin:0!important;min-width:0!important;}
#sm-header .sm-actions .sm-cta{order:1!important;}#sm-header .sm-actions .sm-login{order:2!important;}#sm-header .sm-actions .sm-theme-toggle{order:3!important;}
#sm-header .sm-cta,#sm-header .sm-cta:link,#sm-header .sm-cta:visited,#sm-header .sm-cta:hover,#sm-header .sm-cta:active{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;height:44px!important;padding:0 26px!important;border:0!important;border-radius:16px!important;overflow:hidden!important;background:var(--sm-head-green)!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;box-shadow:0 14px 34px rgba(var(--sm-head-green-rgb),.28)!important;transform:none!important;opacity:1!important;}
#sm-header .sm-cta-full{display:none!important;}#sm-header .sm-cta-short{display:inline!important;position:relative!important;z-index:2!important;}
#sm-header .sm-login,#sm-header .sm-theme-toggle,#sm-header .sm-mini{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.055)!important;border:1px solid var(--sm-head-line-dark)!important;color:rgba(255,255,255,.9)!important;box-shadow:none!important;text-decoration:none!important;line-height:1!important;overflow:hidden!important;transform:none!important;opacity:1!important;}
html[data-theme="light"] #sm-header .sm-login,html[data-theme="light"] #sm-header .sm-theme-toggle,html[data-theme="light"] #sm-header .sm-mini{background:#f7f8f8!important;border-color:#dfe1e2!important;color:#3f4142!important;}
#sm-header .sm-login-text{display:none!important;}#sm-header .sm-login-icon,#sm-header .sm-login-icon svg{display:block!important;width:22px!important;height:22px!important;fill:currentColor!important;color:inherit!important;}
#sm-header .sm-theme-toggle{font-size:20px!important;cursor:pointer!important;}#sm-header .sm-theme-moon,#sm-header .sm-theme-sun{line-height:1!important;font-size:20px!important;}html[data-theme="dark"] #sm-header .sm-theme-moon{display:inline!important;}html[data-theme="dark"] #sm-header .sm-theme-sun{display:none!important;}html[data-theme="light"] #sm-header .sm-theme-moon{display:none!important;}html[data-theme="light"] #sm-header .sm-theme-sun{display:inline!important;}
#sm-header .sm-tabs-mini{display:none!important;align-items:center!important;gap:8px!important;}
#sm-header .sm-mini svg{width:22px!important;height:22px!important;stroke:currentColor!important;}
@media (max-width:1260px){#sm-header .sm-brand-text{display:none!important;}#sm-header .sm-header-inner{grid-template-columns:auto minmax(330px,500px) auto!important;gap:14px!important;}}
@media (max-width:980px){html body{padding-top:112px!important;}#sm-header .sm-header-inner{display:flex!important;flex-wrap:wrap!important;align-items:center!important;height:auto!important;min-height:112px!important;padding:12px 14px!important;gap:10px!important;}#sm-header .sm-brand{order:1!important;margin-right:auto!important;}#sm-header .sm-actions{order:2!important;margin-left:auto!important;gap:8px!important;}#sm-header .sm-nav{order:3!important;flex:1 1 100%!important;width:100%!important;}#sm-header .sm-switch{max-width:none!important;width:100%!important;}#sm-header .sm-tab-td,#sm-header .sm-tab-textonly{display:inline-flex!important;}#sm-header .sm-tabs-mini{display:none!important;}}
@media (max-width:600px){html body{padding-top:118px!important;}#sm-header .sm-header-inner{min-height:118px!important;padding:8px 12px!important;gap:8px!important;}#sm-header .sm-logo img{height:40px!important;}#sm-header .sm-brand{gap:10px!important;}#sm-header .sm-actions{gap:6px!important;}#sm-header .sm-login,#sm-header .sm-theme-toggle,#sm-header .sm-mini{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}#sm-header .sm-cta{height:40px!important;min-height:40px!important;padding:0 16px!important;border-radius:14px!important;font-size:14px!important;}#sm-header .sm-nav{gap:8px!important;}#sm-header .sm-switch{flex:1 1 auto!important;gap:2px!important;padding:3px!important;}#sm-header .sm-switch a{min-height:34px!important;padding:0 8px!important;font-size:13px!important;}#sm-header .sm-switch a.sm-tab-textonly{display:none!important;}#sm-header .sm-tabs-mini{display:inline-flex!important;flex:0 0 auto!important;}#sm-header .sm-tab-td{display:inline-flex!important;}}
@media (max-width:370px){#sm-header .sm-switch a{font-size:12px!important;padding:0 6px!important;}#sm-header .sm-cta{padding:0 12px!important;}}


/* ===== Фон-«космос» с главной (дословно) ===== */
html, body { background: #1b1b1b !important; }
html[data-theme="light"], html[data-theme="light"] body { background: #f4f5f1 !important; }
.sm-site-bg { position:fixed; inset:0; z-index:0; pointer-events:none; background:#1b1b1b; overflow:hidden; }
html[data-theme="light"] .sm-site-bg { background:#f4f5f1; }
.sm-site-canvas { position:absolute; inset:0; width:100%; height:100%; }
.sm-site-glow { position:absolute; border-radius:50%; filter:blur(80px); opacity:0; transition:opacity .5s ease; will-change:transform; }
html[data-theme="light"] .sm-site-glow { opacity:.55; }
.sm-glow1 { width:46vw; height:46vw; left:60%; top:-14%; background:radial-gradient(circle, rgba(140,199,0,.55), transparent 68%); animation:sm-glow-a 22s ease-in-out infinite alternate; }
.sm-glow2 { width:40vw; height:40vw; left:-12%; top:56%; background:radial-gradient(circle, rgba(92,153,0,.45), transparent 70%); animation:sm-glow-b 27s ease-in-out infinite alternate; }
.sm-glow3 { width:32vw; height:32vw; left:34%; top:34%; background:radial-gradient(circle, rgba(180,220,120,.40), transparent 72%); animation:sm-glow-c 24s ease-in-out infinite alternate; }
@keyframes sm-glow-a { to { transform:translate(-8%,10%) scale(1.15); } }
@keyframes sm-glow-b { to { transform:translate(10%,-8%) scale(1.2); } }
@keyframes sm-glow-c { to { transform:translate(6%,-10%) scale(1.1); } }

/* Контент раздела - над фоном (аналог #allrecords на главной) */
.hero, .wrap, .article-layout, .site-footer { position:relative; z-index:1; }