:root{--navy:#0c315c;--navy2:#061b34;--gold:#bd8740;--gold2:#d49b4d;--cream:#fbf7f0;--ink:#152238;--muted:#687386;--line:#e1e6ed;--soft:#f7f8fa;--white:#fff;--green:#16825a;--shadow:0 18px 45px rgba(12,49,92,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.btn{min-height:45px;display:inline-flex;align-items:center;justify-content:center;padding:11px 21px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:750}.btn-primary{color:#fff;background:var(--navy)}.btn-outline{color:var(--navy);background:#fff;border-color:var(--navy)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:74px;height:74px;object-fit:contain}.main-nav{display:flex;gap:27px}.main-nav a{position:relative;padding:29px 0;font-size:13px;font-weight:650}.main-nav a.active,.main-nav a:hover{color:var(--gold)}.main-nav a.active:after{position:absolute;left:0;right:0;bottom:18px;height:2px;content:"";background:var(--gold)}.nav-actions{display:flex;gap:9px}.menu-toggle{display:none;width:43px;height:43px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:7px}.menu-toggle span{display:block;height:2px;margin:5px;background:var(--navy)}
.course-hero{padding:34px 0 58px;color:#fff;background:radial-gradient(circle at 83% 20%,rgba(189,135,64,.32),transparent 28%),linear-gradient(135deg,var(--navy2),var(--navy))}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:32px;color:rgba(255,255,255,.55);font-size:8px}.breadcrumbs a:hover{color:var(--gold2)}.breadcrumbs strong{color:rgba(255,255,255,.8)}.hero-content{display:grid;grid-template-columns:1fr auto;align-items:end;gap:45px}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.hero-tags span{padding:6px 9px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:99px;font-size:7px;font-weight:700}.hero-content h1{max-width:820px;margin:0;font:800 clamp(36px,5vw,57px)/1.07 Manrope;letter-spacing:-.045em}.hero-content>div>p{max-width:760px;margin:18px 0 0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.7}.hero-meta{display:flex;flex-wrap:wrap;gap:17px;margin-top:20px;color:rgba(255,255,255,.7);font-size:8px}.hero-meta .rating{color:var(--gold2)}.hero-meta u{color:#fff}.hero-instructor{display:flex;align-items:center;gap:9px;margin-top:18px}.hero-instructor>span{width:31px;height:31px;display:grid;place-items:center;color:var(--navy);background:var(--gold2);border-radius:50%;font-size:8px;font-weight:800}.hero-instructor p{margin:0!important;font-size:8px!important}.hero-instructor a{color:var(--gold2);font-weight:750}.certificate-pill{display:flex;align-items:center;gap:10px;min-width:215px;padding:14px;color:var(--navy);background:#fff;border-radius:9px;box-shadow:var(--shadow)}.certificate-pill>span{width:31px;height:31px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:50%;font-weight:800}.certificate-pill strong,.certificate-pill small{display:block}.certificate-pill strong{font-size:10px}.certificate-pill small{margin-top:3px;color:var(--muted);font-size:7px}
.course-main{padding:42px 0 80px;background:var(--soft)}.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px}.course-content{display:grid;gap:18px}.content-card{padding:27px;background:#fff;border:1px solid var(--line);border-radius:11px}.content-card h2{margin:0 0 19px;color:var(--navy);font:800 22px Manrope}.outcomes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.outcomes p{display:flex;align-items:flex-start;gap:9px;margin:0;color:#4f596a;font-size:9px;line-height:1.6}.outcomes p span{color:var(--green);font-weight:800}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{margin:0}.section-head>p{margin:0;color:var(--muted);font-size:8px}.eyebrow{display:block;margin-bottom:7px;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.curriculum-section{border:1px solid var(--line);border-bottom:0}.curriculum-section:last-child{border-bottom:1px solid var(--line)}.curriculum-toggle{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;text-align:left;background:#fafbfc;border:0;cursor:pointer}.curriculum-toggle>span{display:flex;align-items:center;gap:9px}.curriculum-toggle i{width:19px;height:19px;display:grid;place-items:center;color:var(--navy);background:#edf2f7;border-radius:4px;font-style:normal}.curriculum-toggle strong{font-size:9px}.curriculum-toggle small{color:var(--muted);font-size:7px}.lesson-list{display:none;padding:4px 15px;background:#fff}.curriculum-section.open .lesson-list{display:block}.lesson-list a{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:11px 0;color:#596273;border-bottom:1px solid #edf0f3;font-size:8px}.lesson-list a:last-child{border:0}.lesson-list small{color:var(--muted);font-size:7px}.lesson-list a:first-child small{color:var(--gold)}.description p{color:#505a6c;font-size:9px;line-height:1.8}.description-more{display:none}.description-more.open{display:block}.show-more{padding:0;color:var(--navy);background:transparent;border:0;font-size:8px;font-weight:800;cursor:pointer}.requirements ul,.audience ul{display:grid;gap:9px;margin:0;padding-left:18px;color:#505a6c;font-size:9px;line-height:1.6}.instructor-profile{display:grid;grid-template-columns:80px 1fr;gap:17px}.instructor-avatar{width:80px;height:80px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--navy),var(--navy2));border-radius:50%;font:800 20px Manrope}.instructor-profile h3{margin:0 0 9px;color:var(--ink);font-size:11px}.instructor-stats{display:flex;flex-wrap:wrap;gap:12px;color:var(--gold);font-size:7px}.instructor-profile p{margin:11px 0 0;color:var(--muted);font-size:8px;line-height:1.7}.reviews .section-head button{padding:8px 11px;color:var(--navy);background:#fff;border:1px solid var(--navy);border-radius:5px;font-size:8px;font-weight:700}.reviews-summary{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:24px;padding:18px;background:var(--cream);border-radius:8px}.overall-rating{text-align:center}.overall-rating strong,.overall-rating span,.overall-rating small{display:block}.overall-rating strong{color:var(--navy);font-size:31px}.overall-rating span{color:var(--gold);font-size:10px}.overall-rating small{margin-top:4px;color:var(--muted);font-size:7px}.rating-bars p{display:flex;align-items:center;gap:9px;margin:6px 0}.rating-bars p>span{height:6px;flex:1;overflow:hidden;background:#e2e5e9;border-radius:99px}.rating-bars i{display:block;height:100%;background:var(--gold)}.rating-bars small{width:62px;color:var(--muted);font-size:7px}.review-list article{padding:18px 0;border-bottom:1px solid var(--line)}.review-list article:last-child{border:0}.reviewer{display:flex;align-items:center;gap:9px}.reviewer>span{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:var(--navy);border-radius:50%;font-size:8px}.reviewer strong,.reviewer small{display:block}.reviewer strong{font-size:9px}.reviewer small{margin-top:3px;color:var(--gold);font-size:7px}.review-list p{margin:10px 0 0;color:var(--muted);font-size:8px;line-height:1.7}
.enrol-column{position:relative;margin-top:-245px}.enrol-card{position:sticky;top:95px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.preview-media{position:relative;height:190px;display:grid;place-items:center;background:linear-gradient(135deg,#071a31,#0f6071)}.preview-media:after{position:absolute;inset:0;content:"";background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.25),transparent 28%)}.preview-art{position:relative;z-index:1;color:#fff;font:800 42px Manrope}.preview-media button{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#fff;background:rgba(0,0,0,.12);border:0;cursor:pointer}.preview-media button span{width:57px;height:57px;display:grid;place-items:center;padding-left:3px;color:var(--navy);background:#fff;border-radius:50%;font-size:18px}.preview-media button strong{font-size:9px}.enrol-body{padding:20px}.price{display:flex;align-items:center;gap:9px}.price strong{color:var(--navy);font-size:25px}.price del{color:var(--muted);font-size:10px}.price span{padding:4px 6px;color:#fff;background:var(--green);border-radius:4px;font-size:7px;font-weight:750}.offer-time{margin:7px 0 15px;color:#a84639;font-size:7px}.add-cart,.buy-now{width:100%;height:44px;border-radius:6px;font-size:10px;font-weight:800;cursor:pointer}.add-cart{color:#fff;background:var(--navy);border:1px solid var(--navy)}.buy-now{margin-top:8px;color:var(--navy);background:#fff;border:1px solid var(--navy)}.secure-note{display:block;margin:9px 0 19px;color:var(--muted);font-size:6px;text-align:center}.enrol-body h3{font-size:10px}.enrol-body ul{display:grid;gap:10px;margin:12px 0 18px;padding:0;list-style:none}.enrol-body li{display:flex;gap:9px;color:#505a6a;font-size:8px}.enrol-body li span{width:17px;color:var(--navy)}.enrol-links{display:flex;justify-content:space-around;padding-top:14px;border-top:1px solid var(--line)}.enrol-links button{color:var(--navy);background:transparent;border:0;font-size:7px;font-weight:750;text-decoration:underline}.mobile-enrol-slot{display:none}
.related-courses{padding:70px 0;background:#fff}.related-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.related-head h2{margin:0;color:var(--navy);font:800 27px Manrope}.related-head a{color:var(--gold);font-size:9px;font-weight:800}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-grid article{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px}.related-media{height:135px;display:grid;place-items:center;color:#fff;font:800 31px Manrope}.related-js{background:linear-gradient(135deg,#ad7c1c,#edbc49)}.related-ui{background:linear-gradient(135deg,#8d2b55,#e58777)}.related-react{background:linear-gradient(135deg,#092c4c,#0b879e)}.related-grid article>div:last-child{padding:14px}.related-grid span{color:var(--gold);font-size:7px;font-weight:800}.related-grid h3{min-height:32px;margin:6px 0;color:var(--ink);font-size:10px;line-height:1.45}.related-grid p{margin:0;color:var(--gold);font-size:7px}.related-grid strong{display:block;margin-top:8px;color:var(--navy);font-size:13px}.site-footer{padding:50px 0 18px;color:rgba(255,255,255,.65);background:#061528}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-brand img{width:92px}.site-footer h3{margin:0 0 13px;color:#fff;font-size:11px}.site-footer p,.site-footer a{display:block;margin:0 0 8px;font-size:8px;line-height:1.6}.footer-bottom{margin-top:35px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1);font-size:8px}
.preview-modal{position:fixed;z-index:200;inset:0;display:none;align-items:center;justify-content:center;padding:20px}.preview-modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(3,12,23,.8)}.modal-dialog{position:relative;z-index:1;width:min(760px,100%);padding:24px;color:#fff;background:var(--navy2);border-radius:12px}.modal-dialog>span{color:var(--gold2);font-size:8px;text-transform:uppercase}.modal-dialog h2{margin:7px 0 17px;font:800 24px Manrope}.modal-close{position:absolute;top:12px;right:12px;width:33px;height:33px;color:#fff;background:rgba(255,255,255,.1);border:0;border-radius:50%;font-size:20px}.video-placeholder{height:360px;display:grid;place-items:center;align-content:center;gap:12px;background:linear-gradient(135deg,#0b2546,#116171);border-radius:8px}.video-placeholder span{width:60px;height:60px;display:grid;place-items:center;padding-left:3px;color:var(--navy);background:#fff;border-radius:50%}.video-placeholder p{font-size:9px}
@media(max-width:980px){.main-nav{gap:15px}.course-layout{grid-template-columns:1fr}.enrol-column{margin:0}.enrol-card{position:static}.mobile-enrol-slot{display:block}.enrol-column{display:none}.mobile-enrol-slot .enrol-card{display:block}.hero-content{grid-template-columns:1fr}.certificate-pill{max-width:220px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav-wrap{height:70px}.brand img{width:66px;height:66px}.menu-toggle{display:block;order:3}.main-nav{display:none;position:absolute;top:70px;left:15px;right:15px;flex-direction:column;gap:0;padding:11px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px}.main-nav a.active:after{display:none}.nav-actions{margin-left:auto}.nav-actions .btn-outline{display:none}.outcomes-grid{grid-template-columns:1fr}.curriculum-toggle{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.related-grid{grid-template-columns:1fr 1fr}.video-placeholder{height:260px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.container{width:min(100% - 26px,1180px)}.nav-actions .btn{display:none}.course-hero{padding-bottom:40px}.hero-content h1{font-size:37px}.course-main{padding-top:25px}.content-card{padding:20px}.reviews-summary{grid-template-columns:1fr}.instructor-profile{grid-template-columns:1fr}.related-grid,.footer-grid{grid-template-columns:1fr}.related-media{height:165px}.video-placeholder{height:200px}}