.course-page{background:#fff}.course-breadcrumb{padding:23px 0;color:var(--muted);font-size:14px}.course-breadcrumb a{color:var(--blue)}
.course-hero{padding:20px 0 72px}.course-hero-box{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:540px;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,var(--night),#0b3869);color:#fff;box-shadow:0 30px 75px rgba(6,23,43,.2)}.course-hero-box::before{content:"";position:absolute;left:-95px;bottom:-145px;width:400px;height:400px;border:68px solid rgba(255,255,255,.05);border-radius:50%}.course-intro{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:55px}.course-intro h1{margin:19px 0 14px;font-size:clamp(38px,4.5vw,57px);line-height:1.4}.course-intro>p{max-width:650px;color:#d0ddea;font-size:18px;line-height:2}.course-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.course-tags span{padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.07);font-size:14px}.course-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:45px}.course-board{position:relative;width:100%;max-width:390px;padding:27px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.08);box-shadow:0 24px 55px rgba(0,0,0,.18);backdrop-filter:blur(8px)}.board-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.board-top strong{font-size:15px}.board-dots{display:flex;gap:6px}.board-dots i{width:8px;height:8px;border-radius:50%;background:#6f89a2}.board-dots i:first-child{background:var(--gold)}.board-line{height:9px;margin-bottom:12px;border-radius:6px;background:rgba(255,255,255,.11)}.board-line.long{width:95%}.board-line.mid{width:72%}.board-chart{display:flex;align-items:flex-end;gap:10px;height:110px;margin:27px 0 22px;padding:0 9px;border-bottom:1px solid rgba(255,255,255,.16)}.board-chart i{flex:1;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#4f8cff,#155df5)}.board-chart i:nth-child(1){height:35%}.board-chart i:nth-child(2){height:58%}.board-chart i:nth-child(3){height:43%}.board-chart i:nth-child(4){height:82%;background:linear-gradient(180deg,#f3c56d,#d79825)}.board-chart i:nth-child(5){height:67%}.board-result{display:flex;align-items:center;gap:9px;color:#d4e2ef;font-size:13px}.board-result b{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:rgba(255,255,255,.1);color:#f4c66f}.course-hero-action{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.course-proof{display:grid;grid-template-columns:1.25fr repeat(3,1fr);align-items:center;min-height:104px;border-bottom:1px solid var(--line)}.proof-title{font-weight:900;color:var(--night)}.proof-title small{display:block;color:var(--muted);font-weight:500}.course-proof-item{display:flex;align-items:center;gap:10px;padding:13px 23px;border-right:1px solid var(--line);color:#425a70;font-weight:700}.course-proof-item b{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:11px;background:var(--sky);color:var(--blue)}
.course-section{padding:86px 0}.course-section.soft{background:var(--mist)}.course-section.navy{background:var(--night);color:#fff}.course-heading{max-width:720px;margin-bottom:34px}.course-heading h2{margin:9px 0 12px;color:var(--night);font-size:clamp(30px,3.6vw,42px);line-height:1.5}.course-heading p{color:var(--muted)}.course-section.navy .course-heading h2{color:#fff}.course-section.navy .course-heading p{color:#b9cad9}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.audience-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.audience-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:19px;border-radius:13px;background:var(--sky);color:var(--blue);font-size:19px;font-weight:900}.audience-card h3{margin-bottom:7px;color:var(--night);font-size:18px}.audience-card p{margin:0;color:var(--muted);font-size:14px}
.outcome-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:start}.outcome-statement{position:sticky;top:108px}.outcome-statement h2{margin:9px 0 13px;color:var(--night);font-size:39px;line-height:1.55}.outcome-statement p{color:var(--muted)}.outcome-list{display:grid;gap:12px}.outcome-item{display:flex;gap:14px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff}.outcome-check{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#eaf8f2;color:var(--green);font-weight:900}.outcome-item h3{margin-bottom:4px;color:var(--night);font-size:18px}.outcome-item p{margin:0;color:var(--muted);font-size:14px}
.syllabus{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lesson{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.05)}.lesson-no{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.09);color:#f3c56d;font-size:18px;font-weight:900}.lesson h3{margin:2px 0 5px;font-size:18px}.lesson p{margin:0;color:#afc1d2;font-size:14px}
.course-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.example-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.example-label{display:inline-flex;margin-bottom:16px;padding:5px 9px;border-radius:8px;background:var(--sky);color:var(--blue);font-size:13px;font-weight:800}.example-card h3{margin-bottom:8px;color:var(--night);font-size:19px}.example-card p{margin:0;color:var(--muted);font-size:14px}
.course-teacher{display:grid;grid-template-columns:.72fr 1.28fr;gap:52px;align-items:center}.course-teacher-photo{height:430px;border-radius:28px;overflow:hidden;background:var(--night);box-shadow:var(--shadow)}.course-teacher-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.course-teacher-copy h2{margin:9px 0 8px;color:var(--night);font-size:40px}.course-teacher-copy .role{color:var(--blue);font-weight:800}.course-teacher-copy p{color:var(--muted);font-size:17px}.teacher-promise{margin-top:22px;padding:17px 20px;border-right:4px solid var(--gold);border-radius:13px;background:var(--mist);color:var(--night);font-weight:700}
.buy-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.buy-copy h2{margin:9px 0 13px;color:var(--night);font-size:39px}.buy-copy p{max-width:650px;color:var(--muted)}.buy-note{display:flex;gap:12px;margin-top:23px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--mist);color:#4e6275}.buy-note b{color:var(--blue)}.course-price-card{position:sticky;top:108px;padding:31px;border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.course-price-card h3{margin-bottom:15px;color:var(--night);font-size:23px}.price-old{color:#8492a0;text-decoration:line-through}.price-current{margin:2px 0 17px;color:var(--night);font-size:29px;font-weight:900}.discount-tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fff3dc;color:#845c14;font-size:13px;font-weight:800}.course-price-card .btn{width:100%;margin-top:19px}.purchase-status{min-height:28px;margin-top:10px;color:var(--green);font-size:13px}.course-price-card small{display:block;color:var(--muted);font-size:12px}.course-faq{max-width:850px}.course-faq details{border-bottom:1px solid var(--line)}.course-faq summary{position:relative;padding:19px 0 19px 42px;color:var(--night);font-size:17px;font-weight:800;cursor:pointer;list-style:none}.course-faq summary::-webkit-details-marker{display:none}.course-faq summary::before{content:"+";position:absolute;left:3px;top:18px;display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--sky);color:var(--blue)}.course-faq details[open] summary::before{content:"−"}.course-faq p{padding-bottom:18px;color:var(--muted)}
@media(max-width:980px){.course-hero-box{grid-template-columns:1fr}.course-intro{text-align:center;align-items:center}.course-visual{padding-top:0}.course-board{max-width:470px}.course-proof{grid-template-columns:1fr 1fr}.proof-title{grid-column:1/-1;padding:18px 0 7px}.course-proof-item{border-right:0;padding:12px 0}.audience-grid{grid-template-columns:repeat(2,1fr)}.outcome-layout,.course-teacher,.buy-layout{grid-template-columns:1fr}.outcome-statement,.course-price-card{position:static}.course-teacher-photo{width:min(480px,100%);margin:auto}.course-examples{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.course-breadcrumb{padding-top:16px}.course-hero{padding:9px 0 50px}.course-hero-box{border-radius:23px}.course-intro{padding:37px 23px 20px}.course-intro h1{font-size:34px}.course-intro>p{font-size:16px}.course-hero-action{display:grid;width:100%}.course-visual{padding:15px 22px 30px}.course-board{padding:22px}.course-proof{display:block;padding:13px 0}.proof-title{padding:8px 0}.course-proof-item{padding:8px 0}.course-section{padding:65px 0}.audience-grid,.syllabus,.course-examples{grid-template-columns:1fr}.outcome-layout{gap:18px}.outcome-statement h2,.course-teacher-copy h2,.buy-copy h2{font-size:31px}.lesson{grid-template-columns:45px 1fr;padding:18px}.lesson-no{width:43px;height:43px}.course-teacher{gap:27px}.course-teacher-photo{height:375px}.course-price-card{padding:25px}}
.audience-icon{position:relative;font-size:0;background:linear-gradient(145deg,#eef5ff,#e2ecff);border:1px solid #d7e4fb;box-shadow:0 9px 20px rgba(21,93,245,.08)}.audience-icon::before{content:"✓";font-size:22px;line-height:1;color:var(--blue)}