:root{--ink:#101427;--muted:#62697a;--line:#e4e7ef;--paper:#fff;--soft:#f6f7fb;--blue:#1259ef;--violet:#7c24ef;--green:#18a46b;--navy:#111a38;--shadow:0 18px 55px rgba(23,32,64,.1);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;background:#fff;border:2px solid var(--blue);border-radius:.7rem}.skip:focus{top:1rem}.course-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;min-height:66px;padding:.45rem 1.4rem;display:flex;align-items:center;gap:1.2rem}.brand img{width:142px;height:auto}.course-mark{font-size:.78rem;font-weight:800;color:var(--violet);padding:.3rem .62rem;background:#f1eaff;border-radius:99px;white-space:nowrap}.header-spacer{flex:1}.header-link,.header-cta{font-size:.9rem;font-weight:750;text-decoration:none}.header-cta{color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));padding:.65rem 1rem;border-radius:.75rem}.hero{max-width:1370px;margin:auto;padding:4.4rem 1.4rem 2rem;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.hero h1{font-size:clamp(2.8rem,5.8vw,5.8rem);line-height:.96;letter-spacing:-.065em;margin:.8rem 0 1.25rem;max-width:850px}.hero p{font-size:1.17rem;color:var(--muted);max-width:690px}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:900;color:var(--violet)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.8rem 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;border:0;border-radius:.85rem;padding:.85rem 1.15rem;font-weight:850;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;cursor:pointer}.button.secondary{color:var(--ink);background:#fff;border:1px solid var(--line)}.hero-visual{position:relative}.hero-visual>img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:right center;border-radius:1.6rem;box-shadow:var(--shadow)}.progress-card{position:absolute;left:-1.4rem;bottom:-1.4rem;background:#101526;color:#fff;padding:1rem 1.15rem;border-radius:1rem;box-shadow:var(--shadow);min-width:230px}.progress-track{height:7px;background:#30374e;border-radius:99px;overflow:hidden;margin:.55rem 0}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#2f7dff,#a640ff)}.stats{max-width:1180px;margin:2.5rem auto;padding:0 1.4rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat{padding:1.15rem;border:1px solid var(--line);border-radius:1rem;background:#fff}.stat b{display:block;font-size:1.65rem;letter-spacing:-.04em}.stat span{color:var(--muted);font-size:.88rem}.course-main{max-width:1180px;margin:4rem auto;padding:0 1.4rem}.section-head{max-width:780px;margin-bottom:2rem}.section-head h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.03;letter-spacing:-.05em;margin:.7rem 0}.section-head p{color:var(--muted);font-size:1.08rem}.search-box{display:flex;gap:.7rem;margin:1.3rem 0 2.2rem}.search-box input{width:min(100%,580px);font:inherit;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.8rem}.modules{display:grid;gap:1.2rem}.module{border:1px solid var(--line);border-radius:1.3rem;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(20,28,60,.05)}.module-head{display:grid;grid-template-columns:200px 1fr;gap:1.25rem;padding:1rem}.module-head img{width:200px;height:124px;object-fit:cover;border-radius:.85rem}.module-head h3{font-size:1.55rem;line-height:1.15;margin:.35rem 0}.module-head p{color:var(--muted);margin:0}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.lesson-card{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.8rem;text-decoration:none;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.lesson-card:nth-child(odd){border-right:1px solid var(--line)}.lesson-card:hover{background:#f7f8ff}.lesson-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf2ff;color:var(--blue);font-size:.78rem;font-weight:900}.lesson-card strong{display:block}.lesson-card small{color:var(--muted)}.lesson-done{font-size:.75rem;color:var(--green);opacity:0}.lesson-card.completed .lesson-done{opacity:1}.instructor{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:center;margin:5rem 0;padding:1.25rem;border-radius:1.5rem;background:linear-gradient(145deg,#10183b,#32205c);color:#fff}.instructor img{width:280px;height:330px;object-fit:cover;object-position:center top;border-radius:1rem}.instructor h2{font-size:2.4rem;line-height:1.05;letter-spacing:-.04em;margin:.5rem 0}.instructor p{color:#d8dcef}.course-footer{margin-top:5rem;background:#0f1428;color:#d6daea}.footer-inner{max-width:1180px;margin:auto;padding:2.5rem 1.4rem;display:flex;gap:2rem;justify-content:space-between;align-items:center}.footer-inner img{width:135px;height:auto}.footer-inner nav{display:flex;gap:1rem;flex-wrap:wrap}.footer-inner a{text-decoration:none}.course-layout{max-width:1480px;margin:auto;display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start}.course-sidebar{position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto;padding:1.2rem;border-right:1px solid var(--line);background:#fafbfe}.sidebar-home{display:block;margin-bottom:1rem;text-decoration:none;font-weight:850}.sidebar-search{width:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.7rem;margin-bottom:1rem}.side-module{margin-bottom:1.1rem}.side-module strong{display:block;font-size:.72rem;letter-spacing:.08em;color:var(--muted);margin-bottom:.35rem}.side-module a{display:flex;gap:.6rem;text-decoration:none;padding:.5rem .6rem;border-radius:.6rem;font-size:.83rem;line-height:1.25}.side-module a:hover,.side-module a.active{background:#eaf0ff;color:#174dd1}.lesson-main{min-width:0}.lesson-hero{padding:3rem clamp(1.3rem,5vw,5rem) 2rem;display:grid;grid-template-columns:1fr .78fr;gap:2rem;align-items:center}.lesson-hero h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98;letter-spacing:-.055em;margin:.7rem 0 1rem}.lesson-hero p{font-size:1.1rem;color:var(--muted)}.lesson-hero img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:1.3rem;box-shadow:var(--shadow)}.lesson-meta{display:flex;gap:.55rem;flex-wrap:wrap}.lesson-meta span{font-size:.78rem;font-weight:750;padding:.35rem .6rem;background:#f0f3fa;border-radius:99px}.lesson-body{max-width:900px;margin:auto;padding:1rem 1.4rem 4rem}.lesson-body h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.035em;margin:3.5rem 0 1rem}.lesson-body h3{font-size:1.2rem;margin:1.8rem 0 .4rem}.lesson-body p{color:#303648}.objectives{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;padding:0;list-style:none}.objectives li,.tip,.warning{border:1px solid var(--line);border-radius:.9rem;padding:1rem;background:#fff}.objectives li:before{content:'✓';color:var(--green);font-weight:900;margin-right:.55rem}.ui-demo{border-radius:1.2rem;background:#11172c;color:#fff;padding:1.15rem;margin:2rem 0;box-shadow:var(--shadow)}.ui-top{display:flex;gap:.35rem;margin-bottom:1rem}.ui-top i{width:9px;height:9px;border-radius:50%;background:#4a526b}.ui-screen{display:grid;grid-template-columns:150px 1fr;min-height:220px;border:1px solid #343c58;border-radius:.8rem;overflow:hidden}.ui-nav{padding:.75rem;background:#171e36}.ui-nav span{display:block;padding:.45rem;border-radius:.45rem;font-size:.72rem;color:#aeb7d2}.ui-nav span.on{background:#2a3e78;color:#fff}.ui-panel{padding:1.1rem;background:linear-gradient(140deg,#19213a,#11172b)}.ui-panel b{display:block;margin-bottom:1rem}.ui-actions{display:flex;flex-wrap:wrap;gap:.5rem}.ui-actions span{font-size:.73rem;padding:.55rem .7rem;background:#263357;border:1px solid #405183;border-radius:.5rem}.steps{counter-reset:steps;display:grid;gap:.8rem;padding:0;list-style:none}.steps li{counter-increment:steps;position:relative;padding:1rem 1rem 1rem 3.5rem;border:1px solid var(--line);border-radius:.9rem}.steps li:before{content:counter(steps);position:absolute;left:1rem;top:.9rem;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-weight:900}.tip{border-left:4px solid var(--blue);background:#f4f7ff}.warning{border-left:4px solid #e6a018;background:#fff9e9}.split-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.split-list ul{margin:0;padding-left:1.2rem}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq summary{font-weight:850;cursor:pointer}.complete-box{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding:1.2rem;border-radius:1rem;background:#eef4ff}.complete-button{border:0;border-radius:.75rem;background:var(--green);color:#fff;padding:.75rem 1rem;font-weight:850;cursor:pointer}.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.lesson-nav a{text-decoration:none;border:1px solid var(--line);border-radius:.9rem;padding:1rem}.lesson-nav a:last-child{text-align:right}.lesson-nav small{display:block;color:var(--muted)}.mobile-course-menu{display:none}.no-results{padding:2rem;text-align:center;color:var(--muted)}@media(max-width:980px){.hero,.lesson-hero{grid-template-columns:1fr}.hero-visual{max-width:760px}.stats{grid-template-columns:repeat(2,1fr)}.course-layout{display:block}.course-sidebar{display:none;position:fixed;z-index:60;inset:66px 0 0;width:min(90vw,360px);height:auto;box-shadow:var(--shadow)}.course-sidebar.open{display:block}.mobile-course-menu{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:.6rem;padding:.5rem .7rem;font-weight:800}.instructor{grid-template-columns:220px 1fr}.instructor img{width:220px;height:280px}}@media(max-width:680px){.header-link,.course-mark{display:none}.header-inner{padding:.45rem .9rem}.hero{padding:2.6rem 1rem 1rem}.hero h1{font-size:3.05rem}.progress-card{position:relative;left:auto;bottom:auto;margin-top:.7rem}.stats{padding:0 1rem}.course-main{padding:0 1rem}.module-head{grid-template-columns:1fr}.module-head img{width:100%;height:180px}.lesson-grid{grid-template-columns:1fr}.lesson-card:nth-child(odd){border-right:0}.instructor{grid-template-columns:1fr}.instructor img{width:100%;height:380px}.footer-inner{align-items:flex-start;flex-direction:column}.lesson-hero{padding:2rem 1rem 1rem}.lesson-body{padding:0 1rem 3rem}.objectives,.split-list,.lesson-nav{grid-template-columns:1fr}.ui-screen{grid-template-columns:105px 1fr}.complete-box{align-items:flex-start;flex-direction:column}}