.course-hero,.course-detail-hero{padding:85px 0;background:linear-gradient(135deg,#edf6ff,#fff);border-bottom:1px solid var(--line)}
.course-hero h1,.course-detail-hero h1{font-family:Rajdhani,sans-serif;font-size:clamp(2rem,5.5vw,4.8rem);line-height:.98;font-weight:700;color:var(--navy);margin:.8rem 0}
.course-hero p,.course-detail-hero>div>div>div>p{color:var(--muted);font-size:1.04rem}
.course-hero-card{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;padding:22px;border-radius:22px;box-shadow:0 22px 55px rgba(17,55,100,.12)}
.course-hero-card>div{padding:18px;border:1px solid var(--line);border-radius:14px;display:flex;gap:12px;align-items:center}.course-hero-card i{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#eaf4ff;color:var(--brand)}.course-hero-card b,.course-hero-card small{display:block}.course-hero-card b{font-size:.83rem}.course-hero-card small{font-size:.7rem;color:var(--muted)}
.course-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px}.course-toolbar h2{font-family:Rajdhani,sans-serif;font-size:2.8rem;color:var(--navy);font-weight:700}.course-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 15px;border-radius:99px;font-size:.78rem;font-weight:800}.filter-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.course-list-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(17,55,100,.06);transition:.25s}.course-list-card:hover{transform:translateY(-7px);box-shadow:0 20px 48px rgba(17,55,100,.13)}
.course-banner{position:relative;min-height:200px;display:grid;place-items:center;color:#fff}.course-banner i{font-size:4rem}.course-banner span{position:absolute;left:16px;top:16px;background:#fff;color:var(--brand);border-radius:99px;padding:5px 10px;font-size:.67rem;font-weight:900}.course-banner.auto{background:linear-gradient(135deg,#1764bd,#4a99e7)}.course-banner.solid{background:linear-gradient(135deg,#07183f,#174b8d)}.course-banner.revit{background:linear-gradient(135deg,#0b6c86,#35b5ca)}.course-banner.fusion{background:linear-gradient(135deg,#5d3ba9,#9b6ee8)}.course-banner.sketch{background:linear-gradient(135deg,#bf5717,#f39a48)}.course-banner.civil{background:linear-gradient(135deg,#24574a,#50a489)}
.course-info{padding:24px}.course-rating{display:flex;justify-content:space-between;font-size:.73rem;color:var(--brand);font-weight:800}.course-rating b{color:#e7a11b}.course-info h3{font-size:1.12rem;font-weight:800;line-height:1.4;margin:12px 0}.course-info h3 a{color:var(--navy)}.course-info p{color:var(--muted);font-size:.85rem}.course-points{display:flex;gap:16px;color:#65738a;font-size:.75rem;border-bottom:1px solid var(--line);padding-bottom:18px}.course-price{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.course-price small,.course-price strong{display:block}.course-price small{font-size:.68rem;color:var(--muted)}.course-price strong{font-size:1.25rem;color:var(--navy)}.course-price .btn{padding:.6rem .85rem;font-size:.75rem}
.learn-step{height:100%;position:relative;text-align:center;padding:30px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}.learn-step>b{position:absolute;right:16px;top:10px;font-size:2.6rem;color:#edf3fa}.learn-step i{font-size:2rem;color:var(--brand);margin-bottom:18px}.learn-step h4{font-weight:800;font-size:1rem}.learn-step p{color:var(--muted);font-size:.82rem;margin:0}.course-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#1764bd,#0a3778);color:#fff;padding:45px;border-radius:22px}.course-cta h2{font-family:Rajdhani,sans-serif;font-size:2.6rem;font-weight:700;margin:.5rem 0}.course-cta p{color:#d6e8fb;margin:0}
.course-breadcrumb{display:flex;gap:8px;align-items:center;font-size:.75rem;margin-bottom:28px;color:var(--muted)}.course-breadcrumb a{color:var(--brand)}.course-label{display:inline-block;padding:6px 12px;border-radius:99px;background:#e5f2ff;color:var(--brand);font-size:.7rem;font-weight:900}.detail-rating{display:flex;flex-wrap:wrap;gap:18px;color:#52627a;font-size:.8rem}.detail-rating i{color:var(--brand)}
.course-preview-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 60px rgba(16,50,93,.16)}.preview-screen{height:230px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#07183f,#1764bd);color:#fff}.preview-screen i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--brand);font-size:1.3rem}.preview-screen span{position:absolute;bottom:25px;font-weight:800}.preview-body{padding:25px;text-align:center}.preview-price{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.preview-price del,.preview-price strong{display:block;text-align:left}.preview-price del{font-size:.8rem;color:var(--muted)}.preview-price strong{font-size:2rem;color:var(--navy)}.preview-price>span{background:#e6f7ec;color:#16834d;padding:6px 10px;border-radius:99px;font-size:.7rem;font-weight:900}.preview-body>small{display:block;color:var(--muted);font-size:.7rem;margin:10px 0 18px}.preview-body ul{text-align:left;list-style:none;padding:0;margin:0;border-top:1px solid var(--line);padding-top:15px}.preview-body li{padding:7px 0;font-size:.82rem}.preview-body li i{width:22px;color:var(--brand)}
.detail-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;margin-bottom:26px}.detail-box h2{font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:700;color:var(--navy);margin-bottom:20px}.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.learn-grid>div{display:flex;gap:10px;font-size:.85rem}.learn-grid i{flex:0 0 25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e8f4ff;color:var(--brand);font-size:.68rem}
.course-accordion .accordion-button{display:flex;justify-content:space-between;gap:15px;font-weight:800}.course-accordion .accordion-button small{font-weight:500;color:var(--muted)}.course-accordion .accordion-body ul{margin:0;padding-left:20px}.course-accordion .accordion-body li{padding:5px 0;color:var(--muted);font-size:.85rem}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-grid>div{padding:22px;border:1px solid var(--line);border-radius:14px}.project-grid i{font-size:1.7rem;color:var(--brand)}.project-grid h4{font-size:.95rem;font-weight:800;margin:15px 0 7px}.project-grid p{font-size:.78rem;color:var(--muted);margin:0}
.instructor{display:flex;gap:20px}.instructor-avatar{width:78px;height:78px;flex:0 0 78px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#1764bd,#0a3778);color:#fff;font-size:1.5rem;font-weight:800}.instructor h4{font-weight:800;margin:0}.instructor>div>span{font-size:.78rem;color:var(--brand);font-weight:700}.instructor p{color:var(--muted);font-size:.85rem;margin:10px 0}.instructor-stats{display:flex;gap:16px;font-size:.75rem}.instructor-stats i{color:#e8a219}
.rating-summary{display:grid;grid-template-columns:160px 1fr;gap:25px;align-items:center}.rating-summary>div:first-child{text-align:center}.rating-summary strong{display:block;font-size:3rem;color:var(--navy);line-height:1}.rating-summary span{font-size:.72rem;color:var(--muted)}.rating-bars p{display:grid;grid-template-columns:50px 1fr 40px;gap:10px;align-items:center;margin:9px 0;font-size:.72rem}.rating-bars i{height:7px;border-radius:99px;background:#edf1f6;overflow:hidden}.rating-bars i b{display:block;height:100%;background:#f0a91d}.student-review{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.student-review p{font-size:.84rem;color:var(--muted);margin:5px 0}.stars{color:#efa91d}
.detail-sidebar{position:sticky;top:110px}.detail-sidebar>*{margin-bottom:22px}.detail-sidebar .sidebar-box p{display:flex;gap:11px;font-size:.82rem}.detail-sidebar .sidebar-box p i{width:20px;color:var(--brand)}.simple-list{padding-left:18px;margin:0}.simple-list li{padding:5px 0;font-size:.83rem}.sidebar-cta{padding:28px;border-radius:18px;background:linear-gradient(135deg,#1764bd,#0a3778);color:#fff;text-align:center}.sidebar-cta i{font-size:2.2rem}.sidebar-cta h4{font-weight:800;margin:15px 0 8px}.sidebar-cta p{color:#d8e8fa;font-size:.83rem}
.related-course{height:100%;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;text-align:center}.related-course i{font-size:2rem;color:var(--brand)}.related-course h4{font-weight:800;margin:16px 0 8px}.related-course p{color:var(--muted);font-size:.82rem}.related-course a{font-size:.78rem;color:var(--brand);font-weight:800}
@media(max-width:991px){.course-toolbar{align-items:flex-start;flex-direction:column}.course-cta{align-items:flex-start;flex-direction:column}.detail-sidebar{position:static}.project-grid{grid-template-columns:1fr}.learn-grid{grid-template-columns:1fr}}
@media(max-width:575px){.course-hero,.course-detail-hero{padding:55px 0}.course-hero-card{grid-template-columns:1fr}.course-cta{padding:30px 22px}.detail-box{padding:22px}.course-preview-card{margin-top:10px}.rating-summary{grid-template-columns:1fr}.instructor{flex-direction:column}.course-accordion .accordion-button{align-items:flex-start;flex-direction:column}.course-toolbar h2{font-size: 2rem;}.course-cta h2{font-size: 2rem;}.course-cta .btn{font-size: 14px;padding: 10px 13px;}}