:root{--ink:#13243b;--navy:#09172a;--navy2:#102743;--blue:#3975ff;--ice:#eaf1f8;--paper:#f5f7fa;--muted:#708096;--line:#dce4ec;--gold:#c6a25c;--mint:#75c7b1;--font:'Segoe UI',Arial,sans-serif;--display:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.65 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.btn{cursor:pointer}.topnote{padding:7px 20px;text-align:center;background:#122b48;color:#bcd0e9;font-size:10px;letter-spacing:.11em}.header{height:74px;padding:0 clamp(18px,6vw,84px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:11px;font:800 13px var(--display);letter-spacing:.12em;white-space:nowrap}.brand i{width:36px;height:36px;border:1px solid #79a6ff66;border-radius:9px;display:grid;place-items:center;color:#a8c5ff;background:#3975ff20;font-style:normal;letter-spacing:-.06em}.brand span small{display:block;color:#89a1c3;font:600 9px var(--font);letter-spacing:.2em}.nav{display:flex;align-items:center;gap:clamp(12px,2vw,26px);font-size:12px;color:#c4d0df}.nav a:hover,.nav a[aria-current=page]{color:#fff}.nav .nav-login{padding:9px 13px;border:1px solid #8ea9ce55;border-radius:4px;color:#fff}.menu{display:none;padding:8px 12px;border:1px solid #ffffff44;background:transparent;border-radius:4px;color:white}.studentbar{background:#10233a;color:#d7e1ef;padding:11px clamp(18px,6vw,84px);display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.06em}.studentbar b{color:#9dc0ff}.student-nav{display:flex;gap:18px}.student-nav a:hover{color:white}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.hero{position:relative;overflow:hidden;padding:94px max(24px,calc((100vw - 1180px)/2));background:radial-gradient(ellipse at 85% 45%,#244f8b88,transparent 37%),linear-gradient(118deg,#081629,#0d2037 58%,#0a1a2d);color:#f3f6fb;min-height:490px}.hero:after{content:'ACADEMIA / 04';position:absolute;right:7%;bottom:32px;color:#89a2c455;font-size:10px;letter-spacing:.2em}.eyebrow{margin:0 0 15px;color:#91b4ed;font-size:10px;font-weight:700;letter-spacing:.19em}.hero h1,.pagehero h1{max-width:720px;margin:0;font:800 clamp(42px,6vw,72px)/1.08 var(--display);letter-spacing:-.06em}.hero h1 span,.pagehero h1 span{color:#8eaff1}.hero p.lede{max-width:560px;margin:22px 0 25px;color:#c0ccdc;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn{min-height:46px;padding:11px 17px;border:1px solid transparent;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.outline{border-color:#ffffff40;color:#edf3fc}.darkbtn{background:var(--navy2);color:white}.softbtn{border-color:var(--line);background:white;color:#28466e}.pagehero{padding:73px max(24px,calc((100vw - 1180px)/2));background:radial-gradient(ellipse at 88% 25%,#244f8b66,transparent 38%),linear-gradient(118deg,#081629,#0d2037);color:white}.pagehero h1{font-size:clamp(37px,5vw,58px)}.pagehero p:not(.eyebrow){max-width:650px;color:#bfcbdb;margin:15px 0 0}.section{padding:72px 0}.section.white{background:white}.section.dark{background:var(--navy);color:#f1f5fa}.headrow{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}.headrow h2,.section h2{margin:0;font:750 clamp(26px,3.5vw,40px)/1.15 var(--display);letter-spacing:-.045em}.headrow p{max-width:450px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 10px 28px #172d4c08}.thumb{height:172px;padding:15px;display:flex;align-items:end;position:relative;overflow:hidden;color:white;background:linear-gradient(135deg,#132d4c,#41719b)}.thumb:before{content:'';position:absolute;width:190px;height:190px;right:-18px;top:-66px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 22px #ffffff08,0 0 0 46px #ffffff06}.thumb:after{content:'';position:absolute;right:25px;top:18px;width:76px;height:110px;border:1px solid #ffffff38;transform:rotate(27deg);background:linear-gradient(150deg,#ffffff22,#ffffff02);border-radius:40px 40px 14px 14px}.thumb.t2{background:linear-gradient(135deg,#194a50,#56a193)}.thumb.t3{background:linear-gradient(135deg,#463453,#aa7293)}.thumb.t4{background:linear-gradient(135deg,#303f68,#7293d3)}.thumb.t5{background:linear-gradient(135deg,#6a4627,#bd965d)}.thumb.t6{background:linear-gradient(135deg,#1e465e,#6da8b8)}.thumb b{z-index:1;font:700 10px var(--display);letter-spacing:.17em}.cardbody{padding:18px}.tag{color:#4773ad;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.card h3{margin:7px 0 7px;font:700 18px/1.3 var(--display);letter-spacing:-.025em}.card p{margin:0 0 14px;color:#6e7e91;font-size:12px}.meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:#6b7b8f;font-size:10px}.cardfoot{margin-top:16px;padding-top:12px;border-top:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font:800 17px var(--display);color:#193657}.link{color:#3565a4;font-size:11px;font-weight:700}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.benefit{padding:23px;border:1px solid #ffffff20;border-radius:6px;background:#ffffff08}.benefit i{color:#8bb1f9;font-style:normal;font-size:21px}.benefit h3{font:700 15px var(--display);margin:11px 0 4px}.benefit p{margin:0;color:#afbed1;font-size:12px}.categoryrow{display:flex;flex-wrap:wrap;gap:9px}.pill{padding:9px 13px;border:1px solid var(--line);border-radius:30px;background:white;color:#3d5879;font-size:11px}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:17px;border:1px solid var(--line);border-radius:6px;background:#fff}.stat strong{display:block;color:#244e80;font:800 26px var(--display)}.stat span{font-size:10px;color:var(--muted)}.instructors{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.instructor{padding:21px;border:1px solid var(--line);background:white;border-radius:7px}.avatar{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#8ea9cc,#d8e2ed);color:#203e64;font:800 19px var(--display)}.instructor h3{margin:14px 0 2px;font:700 16px var(--display)}.instructor p{margin:0 0 9px;color:var(--muted);font-size:11px}.notice{padding:13px 16px;border-left:3px solid var(--gold);background:#fbf7ed;color:#705f3d;font-size:11px}.form{display:grid;gap:14px;max-width:560px}.field{display:grid;gap:5px}.field label{font-size:11px;font-weight:700;color:#334b68}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #ced8e3;border-radius:4px;background:white;color:var(--ink)}.field textarea{min-height:110px;resize:vertical}.faq{max-width:820px;margin:auto;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;padding:18px 0;cursor:pointer;display:flex;justify-content:space-between;gap:15px;font:650 14px var(--display)}.faq summary:after{content:'+';color:#4777bd;font-size:19px}.faq details[open] summary:after{content:'−'}.faq details p{margin:0 20px 19px 0;color:#6c7c90;font-size:13px}.footer{padding:34px max(24px,calc((100vw - 1180px)/2)) 20px;background:#071222;color:#dce6f3}.footerrow{display:flex;align-items:start;justify-content:space-between;gap:24px}.footer p{color:#91a2b8;font-size:11px}.footerlinks{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#b9c9dc}.copyright{border-top:1px solid #ffffff18;padding-top:14px;margin-top:21px;display:flex;justify-content:space-between;color:#74849b;font-size:9px}.dashboard{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 125px)}.side{padding:25px 17px;background:#10233a;color:#b8c6d8}.side strong{display:block;padding:8px 11px 15px;color:#fff;font:700 12px var(--display);letter-spacing:.1em}.side a{display:block;padding:10px 11px;border-radius:4px;font-size:12px}.side a:hover,.side a.active{background:#ffffff14;color:white}.dashmain{padding:34px max(20px,calc((100% - 950px)/2));width:100%;max-width:1200px}.dashmain h1{margin:0;font:750 34px var(--display);letter-spacing:-.05em}.dashmain>p{color:var(--muted);margin:4px 0 25px}.dashstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.dashstat{padding:17px;background:white;border:1px solid var(--line);border-radius:6px}.dashstat span{display:block;color:var(--muted);font-size:10px}.dashstat strong{font:800 22px var(--display);color:#254e7e}.progress{height:7px;border-radius:8px;background:#e5eaf0;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,#3975ff,#74a1ff);border-radius:inherit}.course-row{padding:16px;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:15px;border:1px solid var(--line);border-radius:6px;background:white;margin:10px 0}.mini-thumb{height:60px;border-radius:4px;background:linear-gradient(140deg,#183857,#5487aa)}.course-row h3{margin:0 0 4px;font:700 14px var(--display)}.course-row p{margin:0 0 7px;color:var(--muted);font-size:10px}.course-row .progress{max-width:320px}.course-detail{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:25px}.syllabus,.lessonbox,.panel{padding:20px;border:1px solid var(--line);border-radius:6px;background:#fff}.syllabus details{border-top:1px solid var(--line)}.syllabus summary{padding:13px 0;cursor:pointer;font-weight:700;font-size:12px}.lessonlink{padding:8px 5px;display:flex;justify-content:space-between;color:#536780;font-size:11px}.lessonlink:hover{color:#3266aa}.lessonlink.active{color:#285da4;font-weight:700;background:#edf4ff;border-radius:4px}.player{height:320px;display:grid;place-items:center;text-align:center;color:#d8e3f2;border-radius:6px;background:radial-gradient(circle at 50% 45%,#284e7a,#0a1a2e 65%);position:relative}.player:before{content:'▶';width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#ffffff20;border:1px solid #ffffff55;font-size:18px}.player span{position:absolute;bottom:17px;left:20px;font-size:9px;letter-spacing:.14em;color:#aabbd1}.lessonnav{display:flex;justify-content:space-between;gap:12px;margin-top:17px}.quizq{margin:15px 0;padding:17px;background:white;border:1px solid var(--line);border-radius:5px}.quizq p{margin:0 0 9px;font-weight:700;font-size:13px}.quizq label{display:block;padding:5px 0;color:#586c84;font-size:12px}.certificate{padding:44px 25px;text-align:center;border:8px double #b99450;background:#fffef9;color:#263a54}.certificate .seal{margin:20px auto;width:55px;height:55px;border:2px solid #b99450;border-radius:50%;display:grid;place-items:center;color:#967638;font-weight:800}.empty{padding:22px;border:1px dashed #bdc9d7;border-radius:6px;color:#748297;text-align:center;background:#fff}.footnote{font-size:10px;color:#7a899c}.spacer{height:25px}.toast{position:fixed;bottom:20px;right:20px;padding:13px 17px;border-radius:5px;background:#102a47;color:white;box-shadow:0 12px 28px #08182e38;z-index:99;font-size:12px}.hidden{display:none!important}
@media(max-width:950px){.nav{gap:11px;font-size:10px}.cards{grid-template-columns:repeat(2,1fr)}.instructors{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.header{height:66px;padding:0 18px}.menu{display:block}.nav{position:absolute;display:none;left:0;right:0;top:65px;padding:12px 20px 19px;background:#09172a;align-items:stretch;flex-direction:column;gap:0;box-shadow:0 15px 25px #06132855}.nav.open{display:flex}.nav a{padding:10px 4px;border-bottom:1px solid #ffffff12}.nav .nav-login{text-align:center;margin-top:10px}.hero{padding:68px 24px 72px;min-height:490px}.hero:after{font-size:8px}.hero h1{font-size:clamp(40px,12vw,59px)}.hero p.lede{font-size:14px}.pagehero{padding:58px 24px}.pagehero h1{font-size:clamp(36px,10vw,49px)}.wrap{width:calc(100% - 40px)}.section{padding:54px 0}.headrow{align-items:start;flex-direction:column;gap:10px}.cards{grid-template-columns:1fr}.thumb{height:165px}.benefits,.split,.statgrid{grid-template-columns:1fr}.instructors{grid-template-columns:1fr 1fr;gap:9px}.instructor{padding:15px}.studentbar{padding:10px 15px;align-items:flex-start;gap:10px;flex-direction:column}.student-nav{max-width:100%;overflow:auto;white-space:nowrap;gap:15px}.dashboard{grid-template-columns:1fr}.side{display:flex;overflow:auto;gap:5px;padding:9px 12px}.side strong{display:none}.side a{white-space:nowrap;padding:8px}.dashmain{padding:24px 20px}.dashmain h1{font-size:28px}.dashstats{grid-template-columns:1fr 1fr}.course-row{grid-template-columns:50px 1fr;gap:10px}.course-row .btn{grid-column:1/-1;width:100%}.mini-thumb{height:50px}.course-detail{grid-template-columns:1fr}.player{height:220px}.footerrow,.copyright{flex-direction:column;gap:8px}.footer{padding:27px 22px 17px}.footerlinks{gap:12px}.form .btn{width:100%}}
@media(max-width:370px){.instructors{grid-template-columns:1fr}.actions .btn{width:100%}}