.training-page main { background: #f6f8fc; }
.training-section { max-width: 1220px; margin: auto; padding: 72px 28px 96px; color: #101b39; }
.training-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 32px; }
.training-eyebrow { margin: 0 0 10px; color: #2563eb; font-size: 14px; font-weight: 600; }
.training-heading h2 { margin: 0; font-size: clamp(26px, 4vw, 38px); }
.training-free { padding: 9px 16px; border-radius: 24px; background: #eaf7ef; color: #23724b; font-size: 14px; white-space: nowrap; }
.training-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
.training-card { min-width: 0; display: flex; flex-direction: column; padding: 32px; border: 1px solid #dfe5ef; border-radius: 22px; background: #fff; box-shadow: 0 8px 32px #163e7610; }
.training-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.training-number { color: #2563eb; font-size: 28px; font-weight: 600; }
.training-language { padding: 5px 12px; background: #eff4ff; border: 1px solid #dce6fb; border-radius: 8px; color: #2455a6; font-size: 13px; font-weight: 600; }
.training-card h3 { margin: 0 0 16px; font-size: 24px; line-height: 1.6; }
.training-description { margin: 0 0 30px; color: #526078; font-size: 16px; line-height: 1.95; }
.training-details { display: grid; grid-template-columns: 1fr 1.35fr .8fr; gap: 12px; margin: auto 0 24px; padding-top: 22px; border-top: 1px solid #e5eaf2; }
.training-details dt { margin-bottom: 8px; color: #66748a; font-size: 13px; }
.training-details dd { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.8; }
.training-register { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 14px 22px; border-radius: 10px; background: #2563eb; color: #fff; text-decoration: none; font-weight: 600; transition: background .2s; }
.training-register:hover { background: #174dbb; }
.training-register:focus-visible { outline: 3px solid #2563eb; outline-offset: 4px; }
html[data-theme="dark"] .training-page main { background: #0b1220; }
html[data-theme="dark"] .training-section { color: #edf3ff; }
html[data-theme="dark"] .training-card { background: #141f31; border-color: #33445d; color: #edf3ff; }
html[data-theme="dark"] .training-description, html[data-theme="dark"] .training-details dt { color: #aebed5; }
html[data-theme="dark"] .training-details { border-color: #33445d; }
html[data-theme="dark"] .training-language { background: #1c3658; border-color: #34537c; color: #b5d2ff; }
html[data-theme="dark"] .training-eyebrow, html[data-theme="dark"] .training-number { color: #91baff; }
html[data-theme="dark"] .training-free { background: #16392c; color: #bcf0ce; }
@media (max-width: 760px) {
  .training-section { padding: 44px 20px 64px; }
  .training-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .training-card { padding: 24px; }
  .training-card h3 { font-size: 22px; }
  .training-heading { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 380px) {
  .training-details { grid-template-columns: 1fr; gap: 16px; }
  .training-details div { display: flex; justify-content: space-between; gap: 12px; }
  .training-details dt { margin-bottom: 0; }
}