.course-page{flex-direction:column;gap:1.5rem;max-width:1100px;margin:2.5rem auto;padding:0 1rem;display:flex}.course-hero{background:#fff;border:1px solid #eef2f7;border-radius:12px;grid-template-columns:1fr 380px;align-items:center;gap:1.5rem;padding:1.5rem;display:grid;box-shadow:0 2px 8px #00000008}.course-hero-content .title{color:#0f172a;margin:0 0 .5rem;font-size:1.9rem}.course-hero-content .grey-text{color:#6b7280;line-height:1.6}.course-hero-image{justify-content:center;align-items:center;width:100%;height:320px;display:flex;position:relative}.course-hero-image img,.course-hero-image>span{object-fit:cover;border-radius:8px;overflow:hidden;width:100%!important;height:100%!important}.course-hero-image>span>img{object-fit:cover;border-radius:8px}.course-meta{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.meta-item{color:#0f172a;background:#f8fafc;border:1px solid #e6eef6;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.95rem;display:inline-flex}.meta-icon{color:var(--color-secondary);margin-right:.5rem}.meta-label{color:#6b7280;font-size:.8rem;line-height:1}.meta-value{color:#0f172a;font-weight:700;line-height:1}.course-perspective{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000008}.course-perspective .subtitle{color:#0f172a;margin-bottom:.75rem}.course-perspective p{color:#374151;line-height:1.7}.course-overview-content{line-height:1.8;color:#374151!important}.course-overview-content b{color:#0f172a;font-weight:700}.course-overview-content br{margin:.5rem 0}.course-targets{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000008}.levels{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.level{color:#6b7280;cursor:default;background:#f8fafc;border:1px solid #e6eef6;border-radius:8px;padding:.45rem .9rem;font-weight:600}.level.selected{color:#064e3b;background:linear-gradient(#ecfeff 0%,#f0fdfa 100%);border-color:#2dd4bf;box-shadow:0 6px 18px #2dd4bf14}.level .level-check{color:#10b981;margin-right:.5rem}.level:hover{transition:transform .12s;transform:translateY(-2px)}b{color:var(--color-primary)!important}@media (max-width:900px){.course-hero{grid-template-columns:1fr}.course-page{padding:0}.course-hero-image{order:-1}}