.course-hero{padding:74px 0 54px;border-bottom:1px solid rgba(62,239,255,.12)}
.course-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.course-poster{border:1px solid rgba(62,239,255,.26);border-radius:30px;padding:14px;background:rgba(255,255,255,.035);box-shadow:var(--shadow)}
.course-poster img{display:block;width:100%;height:auto;border-radius:20px;cursor:zoom-in}
.course-summary h1{font-size:clamp(42px,6vw,74px);margin:14px 0 20px}
.course-summary>p{font-size:19px;color:#c9d8ed;margin-bottom:26px}
.course-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}
.course-fact{padding:16px;border-radius:18px;border:1px solid rgba(62,239,255,.16);background:rgba(255,255,255,.035)}
.course-fact small{display:block;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.course-fact strong{font-size:15px}
.course-actions{display:flex;gap:12px;flex-wrap:wrap}
.course-content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
.content-card{padding:30px;border-radius:28px;border:1px solid rgba(62,239,255,.17);background:rgba(255,255,255,.035)}
.content-card h2{font-size:clamp(28px,4vw,42px)}
.content-card h3{font-size:21px;margin:24px 0 10px}
.check-list,.module-list{list-style:none;display:grid;gap:12px;margin-top:18px}
.check-list li,.module-list li{padding:14px 16px 14px 44px;border-radius:16px;background:rgba(3,7,18,.45);border:1px solid rgba(255,255,255,.07);position:relative;color:#d9e7fa}
.check-list li:before{content:'✓';position:absolute;left:16px;top:13px;color:var(--cyan);font-weight:900}
.module-list{counter-reset:module}
.module-list li{padding-left:58px}
.module-list li:before{counter-increment:module;content:counter(module,decimal-leading-zero);position:absolute;left:16px;top:13px;color:var(--cyan);font-weight:900;font-size:12px;letter-spacing:.08em}
.sidebar-card{position:sticky;top:112px;padding:28px;border-radius:28px;border:1px solid rgba(62,239,255,.24);background:linear-gradient(145deg,rgba(10,24,48,.94),rgba(5,11,24,.94));box-shadow:var(--shadow)}
.sidebar-card h2{font-size:30px}.sidebar-card p{margin-bottom:20px}.sidebar-card .btn{width:100%;margin-top:10px}
.notice{padding:16px;border-radius:16px;background:rgba(255,200,0,.07);border:1px solid rgba(255,200,0,.2);color:#ffe58a;font-size:14px;margin:18px 0}
.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:26px}.breadcrumb a{color:var(--cyan);text-decoration:none}
@media(max-width:900px){.course-hero-grid,.course-content-grid{grid-template-columns:1fr}.course-poster{max-width:620px;margin:auto}.sidebar-card{position:static}}
@media(max-width:600px){.course-facts{grid-template-columns:1fr}.course-actions{flex-direction:column}.course-actions .btn{width:100%}.content-card,.sidebar-card{padding:22px}}

.course-price-highlight{padding:18px;margin:18px 0;border-radius:18px;border:1px solid rgba(62,239,255,.24);background:linear-gradient(135deg,rgba(22,119,255,.18),rgba(62,239,255,.06))}.course-price-highlight small{display:block;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.course-price-highlight strong{display:block;margin-top:5px;color:var(--cyan);font-size:36px;line-height:1}.course-fact .old-price{font-size:.78em}