:root{--bg:#070b16;--panel:#101a2f;--text:#f8fafc;--muted:#a8b4c8;--line:rgba(148,163,184,.2);--blue:#397cff;--cyan:#62d9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,rgba(43,91,190,.25),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}
.learn-header{min-height:78px;display:flex;align-items:center;gap:22px;padding:14px max(4vw,22px);border-bottom:1px solid var(--line);background:rgba(7,11,22,.9)}.learn-back{padding:10px 13px;border:1px solid var(--line);border-radius:9px;text-decoration:none;font-size:13px;font-weight:750}.learn-brand{display:flex;align-items:center;gap:9px;text-decoration:none}.learn-brand img{width:40px;height:40px}.learn-brand span{display:flex;flex-direction:column}.learn-brand small{color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.learn-header nav{display:flex;gap:20px;margin-left:auto}.learn-header nav a{text-decoration:none;color:#c7d3e5;font-size:13px}
main{width:min(1180px,calc(100% - 40px));margin:0 auto}.learn-eyebrow{color:#7dd3fc;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.learn-hero{max-width:900px;padding:90px 0 70px}.learn-hero h1,.course-hero h1{margin:14px 0 20px;font-size:clamp(46px,7vw,78px);line-height:.98;letter-spacing:-.055em}.learn-hero p,.course-hero p{max-width:740px;color:var(--muted);font-size:19px;line-height:1.7}
.course-list,.lesson-list{padding:62px 0 90px;border-top:1px solid var(--line)}.section-copy{margin-bottom:28px}.section-copy h2{margin:8px 0;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}.course-feature{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(98,217,255,.28);border-radius:24px;background:linear-gradient(145deg,#10254b,#0d172a);text-decoration:none}.course-feature>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px}.course-feature>div>span,.future-courses span{color:#7dd3fc;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.course-feature h3{margin:10px 0 15px;font-size:35px;letter-spacing:-.035em}.course-feature p{color:var(--muted);line-height:1.65}.course-feature b{margin-top:18px;color:#a7d8ff}.course-feature img{width:100%;height:100%;min-height:370px;object-fit:cover}.future-courses{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.future-courses article{padding:30px;border:1px solid var(--line);border-radius:18px;background:rgba(15,25,46,.75)}.future-courses h3{margin:9px 0}.future-courses p{color:var(--muted);line-height:1.6}
.course-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;padding:72px 0}.course-hero img{width:100%;border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 70px rgba(0,0,0,.32)}.course-meta{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.course-meta span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#cbd5e1;font-size:12px}.learn-button{display:inline-flex;padding:13px 18px;border-radius:10px;background:linear-gradient(135deg,var(--blue),#5946ec);font-weight:800;text-decoration:none}.lesson-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:20px;padding:24px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.lesson-row.available{border:1px solid rgba(98,217,255,.27);border-radius:16px;background:rgba(17,37,70,.72)}.lesson-row>b{color:#66cfff}.lesson-row h3{margin:0 0 5px}.lesson-row p{margin:0;color:var(--muted)}.lesson-row>span{color:#8291a8;font-size:12px}.lesson-row.available>span{color:#9cdbff;font-weight:800}
.lesson-page{width:min(940px,calc(100% - 40px))}.lesson-title{padding:74px 0 40px}.lesson-title h1{margin:12px 0 16px;font-size:clamp(44px,7vw,72px);letter-spacing:-.055em}.lesson-title>p{max-width:760px;color:#c3cee0;font-size:20px;line-height:1.6}.lesson-byline{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.lesson-byline span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#98a7bd;font-size:11px}.video-placeholder{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#081020}.video-placeholder img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.62)}.video-placeholder>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.video-placeholder b{font-size:26px}.video-placeholder span{margin-top:8px;color:#d0dbeb}.lesson-content,.lesson-transcript{padding:56px 0}.lesson-content h2,.lesson-transcript h2{margin:42px 0 12px;font-size:30px;letter-spacing:-.025em}.lesson-content>h2:first-child{margin-top:0}.lesson-content p,.lesson-transcript p{color:#c1ccdc;font-size:17px;line-height:1.8}.lesson-content figure{margin:36px 0}.lesson-content figure img{display:block;width:100%;border:1px solid var(--line);border-radius:18px}.lesson-content figcaption{margin-top:10px;color:#8797ad;font-size:13px}.accuracy-note{margin:42px 0;padding:28px;border-left:4px solid #45c7f5;border-radius:0 15px 15px 0;background:#0e1d35}.accuracy-note h2{margin:0 0 8px}.lesson-check{margin-top:50px;padding-top:10px;border-top:1px solid var(--line)}.lesson-check details{padding:17px 0;border-bottom:1px solid var(--line)}.lesson-check summary{cursor:pointer;font-weight:800}.lesson-check details p{margin-bottom:0}.lesson-navigation{display:flex;justify-content:space-between;gap:18px;margin-top:50px;padding:26px 0;border-top:1px solid var(--line)}.lesson-navigation a{color:#92dafe;font-weight:800;text-decoration:none}.lesson-navigation span{color:#7f8da2}.lesson-transcript{border-top:1px solid var(--line)}
footer{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;padding:34px max(5vw,24px);border-top:1px solid var(--line);color:#8f9db2;font-size:13px}footer a{color:inherit;text-decoration:none}
.lesson-video{overflow:hidden;border:1px solid rgba(98,217,255,.3);border-radius:22px;background:linear-gradient(145deg,#0d1b34,#081020);box-shadow:0 28px 70px rgba(0,0,0,.28)}.video-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px 20px}.video-heading h2{margin:6px 0 0;font-size:26px;letter-spacing:-.025em}.video-heading>span{color:#9fdcff;font-size:13px;font-weight:800}.lesson-video video{display:block;width:100%;aspect-ratio:16/9;background:#02050b}.lesson-video>p{margin:0;padding:18px 26px 22px;color:#aebbd0;font-size:14px;line-height:1.6}
.learning-ad{width:100%;margin:24px 0 42px}.lesson-ad{margin:42px 0}
@media(max-width:800px){.learn-header nav{display:none}.course-feature,.course-hero{grid-template-columns:1fr}.course-feature img{min-height:260px}.course-hero img{grid-row:1}.future-courses{grid-template-columns:1fr}.lesson-row{grid-template-columns:40px 1fr}.lesson-row>span{grid-column:2}.lesson-navigation{flex-direction:column}}
@media(max-width:520px){main,.lesson-page{width:min(100% - 28px,1180px)}.learn-header{gap:12px}.learn-brand small{display:none}.course-feature>div{padding:30px}.lesson-content p,.lesson-transcript p{font-size:16px}.video-placeholder b{font-size:20px}.video-placeholder span{max-width:260px;font-size:12px}}
@media(max-width:520px){.video-heading{align-items:flex-start;padding:20px}.video-heading h2{font-size:21px}.lesson-video>p{padding:16px 20px}}