*,*:before,*:after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
.hero-visual,.course-showcase,.course-showcase-top,.course-classroom,.classroom-copy{min-width:0}
.course-showcase{width:100%;background:#fff;border-radius:28px;padding:26px;box-shadow:0 28px 70px rgba(31,47,82,.15);border:1px solid #edf0f6}
.course-showcase-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.course-showcase-top span{flex:0 0 auto;background:#17233d;color:#fff;padding:8px 14px;border-radius:18px;font-size:13px;font-weight:800}.course-showcase-top b{min-width:0;color:#ff6b35;font-size:15px;text-align:right;overflow-wrap:anywhere}
.course-classroom{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:30px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#fff1d5,#ffe4ba)}
.teacher-bubble{height:220px;border-radius:90px 90px 48px 48px;background:#4d82e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:900;border:9px solid #fff;box-shadow:0 14px 30px rgba(47,97,195,.2)}
.classroom-copy small{color:#d87913;letter-spacing:2px;font-weight:800}.classroom-copy h2{font-size:30px;line-height:1.35;margin:12px 0}.classroom-copy p{margin:0;color:#705e4b;font-size:14px}
.course-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.course-features div{text-align:center;background:#f7f9fd;border-radius:16px;padding:15px 8px}.course-features b{display:block;color:#ff6b35;font-size:22px}.course-features span{display:block;color:#687287;font-size:12px;margin-top:4px}
@media(max-width:720px){
  .container{width:100%;max-width:100%;padding-left:14px;padding-right:14px}
  .site-header .header-inner{padding-left:14px;padding-right:14px}
  .desktop-nav{display:none!important}
  .header-actions .text-link{display:none}
  .hero-grid{display:block}
  .hero-copy{text-align:center}
  .hero-copy h1{font-size:32px;line-height:1.3;word-break:break-all;max-width:100%}
  .hero-copy p{font-size:15px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}
  .trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}
  .hero-visual{width:100%;min-width:0;transform:none;margin:24px 0 0}
  .course-showcase{padding:16px;border-radius:22px}
  .course-showcase-top{align-items:center;gap:10px}.course-showcase-top span{padding:7px 11px;font-size:12px}.course-showcase-top b{font-size:12px;line-height:1.4}
  .course-classroom{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:16px}
  .teacher-bubble{height:145px;font-size:34px;border-width:6px}
  .classroom-copy h2{font-size:20px}.classroom-copy p{font-size:12px;line-height:1.65}
  .course-features{grid-template-columns:1fr 1fr}.course-features b{font-size:19px}
  .quick-facts .facts-grid{display:grid;grid-template-columns:1fr;gap:0}
  .quick-facts article{min-width:0;padding:18px 8px}
  .quick-facts article strong,.quick-facts article span{white-space:normal;overflow-wrap:anywhere}
  .quick-facts article strong{font-size:22px}
  .quick-facts article span{font-size:12px}
  .faq-section .faq-layout{display:block}
  .faq-section .faq-sidebar{display:none}
  .faq-section .faq-content{width:100%;min-width:0}
  .faq-list .faq-item{width:100%}
  .footer-grid{grid-template-columns:1fr 1fr}
}