.mk-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:40;background:#fffffff0;align-items:center;gap:18px;height:72px;padding:0 42px;display:flex;position:sticky;top:0}.mk-brand{cursor:pointer;align-items:center;gap:11px;display:flex}.mk-brand .mx-mark{flex:none;display:block}.mk-brand .brand-wordmark{align-self:center}.mk-brand .brand-text{align-self:flex-end;padding-bottom:4px}.brand-wordmark{color:var(--color-surface-brand);letter-spacing:0;font-size:30px;font-weight:800;line-height:1}.brand-wordmark-light{color:#fff}.mk-nav .brand-name{color:var(--muted);font-size:13px;font-weight:700}.mk-links{gap:4px;margin-inline-start:30px;display:flex}.mk-links a{color:var(--ink-2);border-radius:7px;padding:9px 14px;font-size:14.5px;font-weight:600;transition:background .14s}.mk-links a:hover{background:var(--surface-2);color:var(--ink)}.mk-nav-cta{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.mk-page{background:linear-gradient(#fff 0%,#f8f9fa 46%,#fff 100%);min-height:100%;overflow-x:hidden}.hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:46px;max-width:1240px;margin:0 auto;padding:22px 42px 16px;display:grid}.hero-eyebrow{color:var(--blue-500);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:9px;margin-bottom:22px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.hero-eyebrow:before{content:"";opacity:.6;background:currentColor;width:26px;height:1.5px}.hero h1{font-family:var(--font-family-primary);letter-spacing:0;max-width:620px;font-size:clamp(44px,5vw,66px);font-weight:700;line-height:.98}.hero h1 .hl{color:var(--blue-500);font-style:normal;font-weight:700;display:block}.hero .sub{color:var(--ink-2);max-width:510px;margin-top:18px;font-size:18.5px;line-height:1.6}.hero-ctas{flex-wrap:wrap;gap:13px;margin-top:26px;display:flex}.hero-trust{border-top:1px solid var(--line);gap:0;margin-top:28px;padding-top:18px;display:flex}.hero-trust .ht{border-inline-end:1px solid var(--line);margin-inline-end:30px;padding-inline-end:30px}.hero-trust .ht:last-child{border-inline-end:none}.hero-trust .ht b{font-family:var(--font-mono);color:var(--ink);letter-spacing:0;font-size:28px;font-weight:600}.hero-trust .ht span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:12px;font-weight:700;display:block}.hero{position:relative}.hero-visual{isolation:isolate;justify-content:center;align-items:flex-end;min-height:460px;display:flex;position:relative}.hero-stage{z-index:-1;background:radial-gradient(130% 80% at 78% 2%, #0056d224, transparent 58%), linear-gradient(168deg, var(--blue-25) 0%, #f2f7fe 50%, #e9f0fb 100%);border:1px solid var(--blue-100);border-bottom:4px solid var(--accent-500);border-radius:30px;position:absolute;inset:22px 1% 14px 7%;overflow:hidden;box-shadow:inset 0 1px #fffc}.hero-stage .mathex-motif{z-index:0;opacity:.9}.hv-ring{top:-46px;border:15px solid var(--accent-400);opacity:.35;z-index:0;border-radius:50%;width:188px;height:188px;position:absolute;inset-inline-end:-34px}.hv-arc{inset-inline-start:-70px;border:2px solid var(--accent-500);opacity:.5;z-index:0;border-top-color:#0000;border-right-color:#0000;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-70px}.hv-node{inset-inline-start:30px;background:var(--accent-600);z-index:0;border-radius:50%;width:14px;height:14px;position:absolute;top:40px;box-shadow:0 0 0 6px #ff5f0029}.hv-glyph{font-family:var(--font-serif);color:#0056d21a;z-index:0;font-weight:700;line-height:1;position:absolute}.hv-glyph-1{top:28px;font-size:44px;inset-inline-start:50%}.hv-glyph-2{bottom:70px;color:#cc4c0029;font-size:36px;inset-inline-end:26px}.hero-teacher-image,.hero-img{object-fit:contain;filter:drop-shadow(0 26px 30px #1d1f2338);width:min(100%,470px);height:auto;max-height:470px;display:block;position:relative}.mk-section{max-width:1160px;margin:0 auto;padding:44px 42px}.mk-section.compact{padding-top:34px;padding-bottom:46px}.mk-section.tint{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none}.mk-section.tint>.inner{max-width:1160px;margin:0 auto}.mk-h{text-align:center;margin-bottom:44px}.mk-h .eyebrow{justify-content:center;margin-bottom:14px}.mk-h h2{font-family:var(--font-family-primary);letter-spacing:0;font-size:40px;font-weight:600}.mk-h p{color:var(--muted);margin-top:12px;font-size:17px}.feat-grid{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.feat-card{border-inline-end:1px solid var(--line);padding:30px;transition:background .2s;position:relative}.feat-card:last-child{border-inline-end:none}.feat-card:hover{background:var(--surface-2)}.feat-card .feat-idx{top:22px;font-family:var(--font-mono);color:var(--faint);font-size:13px;font-weight:600;position:absolute;inset-inline-end:26px}.feat-ico{border-radius:var(--r-md);justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;display:flex}.feat-card h3{font-family:var(--font-family-primary);margin-bottom:9px;font-size:20px;font-weight:600}.feat-card p{color:var(--ink-2);font-size:14.5px;line-height:1.6}.feat-card .en{color:var(--muted);margin-top:-4px;margin-bottom:9px;font-size:11px;display:block}#courses.mk-section{max-width:1640px}.class-strip{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:28px;margin-top:32px;display:grid}.course-card{aspect-ratio:16/9;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--surface);width:100%;max-width:500px;box-shadow:var(--sh-md);cursor:pointer;transition:all .3s ease-in-out;position:relative;overflow:hidden}.course-card:hover{box-shadow:var(--sh-lg);transform:translateY(-6px)}.course-card-bg{object-fit:cover;width:100%;height:100%;transition:transform .5s ease-in-out;position:absolute;inset:0}.course-card:hover .course-card-bg{transform:scale(1.08)}.course-card-overlay{background:linear-gradient(#0000 0%,#0000004d 40%,#000000e6 100%);transition:background .3s;position:absolute;inset:0}.course-card:hover .course-card-overlay{background:linear-gradient(#0000 0%,#00000080 30%,#000000f2 100%)}.course-card-content{color:#fff;z-index:2;box-sizing:border-box;flex-direction:column;justify-content:flex-end;height:100%;padding:24px;display:flex;position:relative}.course-card-details{text-align:start;flex-direction:column;margin-bottom:8px;transition:transform .4s ease-in-out;display:flex}.course-card:hover .course-card-details{transform:translateY(-56px)}.course-card-title{font-family:var(--font-family-primary);color:#fff;text-shadow:0 2px 4px #0009;margin:0;font-size:26px;font-weight:800}.course-card-subtitle{color:#ffffffe6;text-shadow:0 1px 2px #00000080;margin:2px 0 0;font-size:15px;font-weight:600}.course-card-footer{opacity:0;box-sizing:border-box;width:100%;padding:0 24px 22px;transition:all .4s ease-in-out;position:absolute;bottom:-56px;left:0}.course-card:hover .course-card-footer{opacity:1;bottom:0}.course-card-footer-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.course-card-price-info{text-align:start;align-items:baseline;gap:4px;line-height:1;display:flex}.course-card-price{font-family:var(--font-family-primary);color:#fff;font-size:26px;font-weight:800}.course-card-period{color:#fffc;font-size:11.5px;font-weight:600}.course-card-btn{border-radius:var(--radius-md);color:#000;cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;gap:4px;height:36px;padding:0 16px;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex}.course-card-btn:hover{background:#ffffffe6}.steps{grid-template-columns:repeat(3,1fr);gap:28px;display:grid;position:relative}.step{text-align:center;padding:10px;position:relative}.step-num{background:var(--surface);border:1.5px solid var(--blue-200,var(--blue-100));width:58px;height:58px;color:var(--blue-500);font-family:var(--font-mono);box-shadow:var(--sh-sm);z-index:2;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:24px;font-weight:600;display:flex;position:relative}.step h3{font-family:var(--font-family-primary);font-size:19px;font-weight:600}.step p{color:var(--muted);margin-top:7px;font-size:14px;line-height:1.55}.steps-line{background:repeating-linear-gradient(90deg, var(--blue-100) 0 8px, transparent 8px 16px);z-index:1;height:1.5px;position:absolute;top:29px;left:17%;right:17%}.pricing-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);max-width:560px;box-shadow:var(--sh-md);text-align:center;margin:0 auto;padding:40px;position:relative;overflow:hidden}.pricing-card:before{content:"∫";font-family:var(--font-serif);color:var(--blue-50);pointer-events:none;font-size:200px;font-style:italic;line-height:1;position:absolute;bottom:-50px;left:-10px}.pricing-card>*{z-index:1;position:relative}.pricing-card .price{font-family:var(--font-family-primary);color:var(--blue-500);letter-spacing:0;font-size:52px;font-weight:600}.pricing-card .price small{font-family:var(--sans);color:var(--muted);font-size:16px;font-weight:700}.pricing-note{background:var(--amber-50);border:1px solid var(--amber-100);color:var(--amber-600);border-radius:var(--r-md);justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:13px 16px;font-size:13.5px;font-weight:700;display:flex}.sec-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;display:grid}.sec-demo-note{color:var(--muted);margin-top:14px;font-size:13.5px;line-height:1.6}.sec-vframe{aspect-ratio:16/9;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-lg);background:radial-gradient(120% 120% at 30% 20%,#20305f 0%,#131a30 70%);position:relative;overflow:hidden}.sec-vplay{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sec-vtag{bottom:12px;color:#fff;background:#00000073;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;inset-inline-start:12px}.sec-points{flex-direction:column;gap:18px;display:flex}.sec-point{align-items:flex-start;gap:14px;display:flex}.sec-point-ic{border-radius:var(--r-md);background:var(--blue-50);width:42px;height:42px;color:var(--blue-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sec-point h3{font-family:var(--font-family-primary);font-size:18px;font-weight:600}.sec-point p{color:var(--ink-2);margin-top:4px;font-size:14px;line-height:1.55}.compare{grid-template-columns:1fr 1fr;gap:18px;margin-top:44px;display:grid}.compare-col{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:26px}.compare-col.ours{border-color:var(--blue-200,var(--blue-100));box-shadow:var(--sh-blue)}.compare-col h4{font-family:var(--font-family-primary);color:var(--muted);margin-bottom:16px;font-size:18px;font-weight:600}.compare-col ul{flex-direction:column;gap:12px;list-style:none;display:flex}.compare-col li{align-items:flex-start;gap:10px;font-size:14.5px;font-weight:600;line-height:1.45;display:flex}.compare-col li.no{color:var(--ink-2)}.compare-col li.no svg{color:var(--red-500);flex-shrink:0;margin-top:1px}.compare-col li.yes{color:var(--ink)}.compare-col li.yes svg{color:var(--green-500);flex-shrink:0;margin-top:1px}.testi-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.testi{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm);padding:26px}.testi-stars{color:var(--amber-500);letter-spacing:2px;margin-bottom:12px;font-size:14px}.testi blockquote{font-family:var(--font-serif);color:var(--ink);font-size:17px;font-style:italic;line-height:1.5}.testi figcaption{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:16px;font-size:12.5px;font-weight:700}.mk-footer{background:var(--color-surface-inverse);color:#fff;padding:64px 42px 30px;position:relative;overflow:hidden}.mk-footer:before{content:"";background:linear-gradient(90deg, var(--accent-300) 0%, var(--accent-500) 48%, var(--accent-600) 100%);z-index:2;height:3px;position:absolute;top:0;left:0;right:0}.mk-footer-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(125% 95% at 93% -12%,#000,#0000 60%);mask-image:radial-gradient(125% 95% at 93% -12%,#000,#0000 60%)}.mk-footer-grid:before{content:"∑";inset-inline-end:3%;font-family:var(--font-serif);color:#ffffff09;font-size:clamp(200px,26vw,340px);font-style:italic;line-height:1;position:absolute;top:50%;transform:translateY(-54%)}.mk-footer .inner{z-index:1;grid-template-columns:1.8fr 1fr 1.1fr 1.2fr;gap:36px 44px;max-width:1160px;margin:0 auto;display:grid;position:relative}.fcol-brand{max-width:380px}.f-lockup{align-items:center;gap:13px;margin-bottom:18px;display:flex}.f-lockup-txt{flex-direction:column;line-height:1.1;display:flex}.mk-footer .fwm{font-family:var(--font-sans);color:#fff;font-size:24px;font-weight:800}.f-lockup .fby{color:#ffffff85;margin-top:3px;font-size:12px;font-weight:600}.f-desc{color:#fff9;margin-bottom:22px;font-size:14px;line-height:1.65}.f-wa{border-radius:var(--radius-sm);white-space:nowrap;color:#fff;cursor:pointer;width:fit-content;transition:background var(--duration-fast), border-color var(--duration-fast);background:#ffffff12;border:1px solid #ffffff29;align-items:center;gap:9px;padding:11px 18px;font-size:14px;font-weight:700;display:inline-flex}.f-wa:hover{background:#ffffff21;border-color:#ffffff52}.f-wa .ico{color:#fff;display:inline-flex}.mk-footer h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:#ffffff6b;margin-bottom:17px;font-size:11px;font-weight:600}.fcol a{color:#ffffffa8;cursor:pointer;white-space:nowrap;width:fit-content;transition:color var(--duration-fast);align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.fcol a:hover{color:#fff}.fcol a .ico{color:#ffffff61;transition:color var(--duration-fast);display:inline-flex}.fcol a:hover .ico{color:var(--accent-400)}.f-contact .mono{font-feature-settings:"tnum"}.mk-footer-bot{z-index:1;color:#ffffff80;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1160px;margin:44px auto 0;padding-top:22px;font-size:12.5px;display:flex;position:relative}.mk-footer-bot .f-mini{color:#ffffffb8;white-space:nowrap;align-items:center;gap:9px;font-weight:700;display:flex}.mk-footer-bot .f-mini .mx-mark{flex:none}.mk-footer-bot .f-tag{color:#ffffff73}.f-top{color:#fff9;white-space:nowrap;border-radius:var(--radius-sm);transition:color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:1px solid #ffffff29;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.f-top:hover{color:#fff;border-color:#ffffff52}.f-top .ico{display:inline-flex}.auth-centered-layout{background:radial-gradient(820px 430px at 82% -12%, #1262c81b, transparent 68%), radial-gradient(760px 380px at 11% 103%, #ff8c000e, transparent 63%), linear-gradient(180deg, #ffffffe0 0%, #f1f7ffa3 48%, #f8fbfffa 100%), var(--clean-background);isolation:isolate;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.auth-centered-layout:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(115deg,#0000 0 31%,#1262c808 31.15% 31.45%,#0000 31.6% 100%),linear-gradient(150deg,#0000 0 62%,#1262c806 62.15% 62.45%,#0000 62.6% 100%),radial-gradient(520px 320px at 92% 5%,#ffffffe0 0%,#ffffff75 48%,#0000 76%);position:absolute;inset:0}.auth-centered-layout:after{content:"";opacity:.55;pointer-events:none;z-index:0;background-image:linear-gradient(#1262c806 1px,#0000 1px),linear-gradient(90deg,#1262c805 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 55% 44%,#0000009e,#0000 72%);mask-image:radial-gradient(circle at 55% 44%,#0000009e,#0000 72%)}.auth-form-wrap{z-index:10;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.auth-form{background:var(--color-surface-raised,#fff);border:1px solid var(--color-border-default,#e2e8f0);border-radius:var(--radius-xl,16px);z-index:10;width:100%;max-width:460px;padding:34px 40px;position:relative;box-shadow:0 10px 30px #0000000f}.auth-tabs{background:var(--surface-2);border-radius:var(--r-sm);border:1px solid var(--line);gap:4px;margin-bottom:26px;padding:5px;display:flex}.auth-tab{color:var(--muted);border-radius:5px;flex:1;padding:11px;font-size:14px;font-weight:700;transition:all .14s}.auth-tab.active{background:var(--surface);color:var(--blue-600);box-shadow:var(--sh-sm)}.auth-form h2{font-family:var(--font-family-primary);letter-spacing:0;font-size:30px;font-weight:600}.auth-form .sub{color:var(--muted);margin:8px 0 26px;font-size:14.5px}.divider{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:14px;margin:20px 0;font-size:11px;font-weight:800;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.google-btn{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);justify-content:center;align-items:center;gap:11px;width:100%;height:50px;font-size:15px;font-weight:700;transition:all .14s;display:flex}.google-btn:hover{border-color:var(--faint);box-shadow:var(--sh-sm)}.auth-foot{text-align:center;color:var(--muted);margin-top:22px;font-size:14px}.auth-foot a{color:var(--blue-500);font-weight:700}.grid-2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.pending-screen{background:var(--bg);text-align:center;justify-content:center;align-items:center;min-height:100%;padding:40px;display:flex}.pending-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);max-width:470px;box-shadow:var(--sh-md);padding:48px 42px}.pending-ico{background:var(--amber-50);width:92px;height:92px;color:var(--amber-500);border-radius:22px;justify-content:center;align-items:center;margin:0 auto 24px;animation:3s ease-in-out infinite tick;display:flex}@keyframes tick{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@media (max-width:1023px) and (min-width:768px){.stat-grid,.qa-grid{grid-template-columns:1fr 1fr}.auth-form-wrap{padding:34px 28px}}@media (max-width:767px){:root{--nav-h:60px}.coursera-topnav{height:auto;min-height:64px}.coursera-nav-inner{flex-wrap:wrap;gap:10px;min-height:64px;padding:10px 14px}.coursera-brand{font-size:23px}.coursera-nav-links{-ms-overflow-style:none;scrollbar-width:none;order:3;width:100%;padding-bottom:2px;overflow-x:auto}.coursera-nav-links::-webkit-scrollbar{display:none}.coursera-nav-links.student-nav-links{display:none!important}.coursera-nav-link{white-space:nowrap;min-height:34px;padding:0 10px;font-size:13px}.coursera-page-title{display:none}.coursera-nav-inner.has-back .coursera-page-title{color:var(--color-content-primary);text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-inline-start:8px;font-size:16px;font-weight:700;overflow:hidden;display:block!important}.coursera-nav-inner.has-back .coursera-brand{display:none!important}.coursera-actions{margin-inline-start:auto}.coursera-main{padding:0 14px calc(84px + env(safe-area-inset-bottom))}.coursera-dashboard-hero{margin:0 -14px;padding:28px 14px 34px}.coursera-welcome{gap:8px;font-size:15px}.coursera-course-intro h1{font-size:28px}.coursera-progress-row{flex-direction:column;align-items:flex-start}.coursera-mini-progress{width:100%}.coursera-dashboard-grid,.coursera-upnext-card{grid-template-columns:1fr}.coursera-upnext-copy{min-height:250px;padding:24px}.coursera-course-thumb{min-height:220px}.coursera-side-card{border-radius:12px;padding:18px}.coursera-below-dashboard{padding-top:30px}.content,.page-pad{padding:16px 16px 90px}.cards-2{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.qa-grid{grid-template-columns:1fr 1fr}.feat-grid{grid-template-columns:1fr}.feat-card{border-inline-end:none;border-bottom:1px solid var(--line)}.feat-card:last-child{border-bottom:none}.class-strip{grid-template-columns:minmax(0,1fr);gap:16px}.steps{grid-template-columns:1fr}.sec-grid{grid-template-columns:1fr;gap:26px}.compare,.testi-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr!important}.tabbar{height:calc(66px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:60;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;background:#fffffff5;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{height:66px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.tab.active{color:var(--blue-500)}.tab .tab-ico{position:relative}.tab .tab-dot{top:-2px;background:var(--amber-500);border-radius:50%;width:7px;height:7px;position:absolute;inset-inline-end:-4px}.mk-nav{gap:10px;height:60px;padding:0 16px}.mk-brand{gap:7px}.brand-wordmark{font-size:25px}.mk-nav .brand-name,.mk-links{display:none}.hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding:34px 18px 22px}.hero h1{font-size:38px}.hero .sub{font-size:16px}.hero-visual{min-height:auto}.hero-visual:before{inset:30px 0 0 8%}.hero-visual:after{padding:8px 10px;font-size:10px;bottom:18px;left:4%}.hero-teacher-image{width:min(100%,430px);max-height:500px}.mk-section{padding:40px 18px}.mk-h h2{font-size:28px}.steps-line{display:none}.mk-footer .inner{grid-template-columns:1fr;gap:26px}.auth-centered-layout{padding:16px}.auth-form{max-width:100%;padding:24px 20px}.auth-form-wrap{padding:0}.grid-2,.opts-grid{grid-template-columns:1fr}.q-text{font-size:20px}.greeting{padding:22px}.greeting h2{font-size:23px}.modal{width:100%}}.dash-grid{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}.video-grid{grid-template-columns:1fr 320px;align-items:start;gap:22px;display:grid}@media (max-width:1100px) and (min-width:768px){.dash-grid{grid-template-columns:1fr}}@media (max-width:900px){.video-grid{grid-template-columns:1fr}}.builder-grid{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (max-width:900px){.builder-grid{grid-template-columns:1fr}}.ops-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.ops-header h2{font-size:24px;font-weight:600}.ops-header p{color:var(--muted);max-width:720px;margin-top:4px;font-size:14px}.ops-tabs{flex-wrap:wrap;width:fit-content;margin-bottom:14px}.ops-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tbl small{color:var(--muted);font-weight:600}.ops-card-list{flex-direction:column;gap:12px}.ops-card{padding:15px}.ops-card b{font-weight:800}.ops-card p,.ops-meta{color:var(--muted);margin-top:3px;font-size:12.5px}.ops-meta{margin:12px 0;line-height:1.6}.ops-class-grid,.ops-assistant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ops-class,.ops-assistant{padding:18px}.ops-class-thumb{aspect-ratio:16/9;border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:100%;margin-bottom:14px;display:flex;overflow:hidden}.ops-class-thumb img{object-fit:cover;width:100%;height:100%}.ops-class-thumb span{font-size:54px;font-weight:800}.ops-class h3,.ops-assistant h3{font-size:20px;font-weight:600}.ops-class p,.ops-assistant p{color:var(--muted);margin-top:3px;font-size:13px}.ops-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.ops-metrics span{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--muted);padding:10px 12px;font-size:12px;font-weight:700}.ops-metrics b{color:var(--ink);font-family:var(--font-family-primary);font-size:24px;font-weight:600;line-height:1;display:block}.ops-lesson-strip{border-radius:var(--r-sm);background:var(--surface-2);flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:12px;display:flex}.ops-analytics-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ops-progress-row{border-bottom:1px solid var(--line-2);grid-template-columns:minmax(180px,1fr) 1fr auto;align-items:center;gap:16px;padding:14px 6px;display:grid}.ops-progress-row:last-child{border-bottom:none}.ops-progress-row b{font-weight:800}.ops-progress-row p{color:var(--muted);margin-top:3px;font-size:12.5px}.ops-progress-main{grid-template-columns:1fr 46px;align-items:center;gap:10px;display:grid}.ops-progress-main span{color:var(--muted);font-size:12.5px;font-weight:800;font-family:var(--font-family-primary)}.perm-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.perm-toggle{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);min-height:42px;color:var(--muted);text-align:start;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:12.5px;font-weight:700;display:flex}.perm-toggle i{background:var(--line);border-radius:999px;flex-shrink:0;width:34px;height:20px;position:relative}.perm-toggle i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.perm-toggle.on{background:var(--blue-50);color:var(--blue-600);border-color:var(--blue-100)}.perm-toggle.on i{background:var(--blue-500)}.perm-toggle.on i:after{left:16px}.thumbnail-upload{align-items:center;gap:14px;display:flex}.thumbnail-preview{aspect-ratio:16/9;border-radius:var(--radius-lg);color:#fff;border:1px solid var(--color-border-default);flex-shrink:0;justify-content:center;align-items:center;width:150px;display:flex;overflow:hidden}.thumbnail-preview img{object-fit:cover;width:100%;height:100%}.thumbnail-preview span{font-size:38px;font-weight:800}@media (max-width:767px){.ops-class-grid,.ops-assistant-grid,.ops-analytics-grid{grid-template-columns:1fr}.ops-metrics{grid-template-columns:1fr 1fr 1fr}.ops-progress-row{grid-template-columns:1fr;gap:10px}.perm-grid{grid-template-columns:1fr}.ops-tabs{flex-wrap:nowrap;width:100%;overflow-x:auto}.thumbnail-upload{flex-direction:column;align-items:stretch}.thumbnail-preview{width:100%}}.mk-nav,.pricing-card,.compare-col,.testi,.pending-card,.ops-card,.ops-class,.ops-assistant,.perm-toggle,.ops-metrics span{box-shadow:var(--shadow-none);border-color:var(--color-border-default)}.mk-nav{background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent)}.hero h1,.mk-h h2,.auth-form h2,.auth-quote,.ops-header h2{font-family:var(--font-serif);letter-spacing:var(--tracking-tight)}.pricing-card .price,.ops-metrics b{font-family:var(--font-mono);letter-spacing:0}.feat-card h3,.step h3,.ops-class h3,.ops-assistant h3{font-family:var(--font-sans);letter-spacing:0}.hero h1 .hl{color:var(--color-content-brand);font-style:normal}.mk-links a,.auth-tab,.filter-tab,.perm-toggle{border-radius:var(--radius-sm)}.feat-grid,.pricing-card,.compare-col,.testi,.pending-card,.ops-card,.ops-class,.ops-assistant,.perm-toggle,.ops-metrics span,.auth-tabs,.google-btn{border-radius:var(--radius-lg)}.feat-card:hover,.mk-links a:hover,.google-btn:hover{background:var(--color-surface-subtle);box-shadow:var(--shadow-none)}.auth-tab.active,.filter-tab.active{background:var(--color-surface-raised);color:var(--color-content-brand);box-shadow:var(--shadow-none)}.pricing-note,.pending-ico,.perm-toggle.on,.ops-lesson-strip{border-radius:var(--radius-md)}.mk-footer{background:var(--color-content-primary)}.parent-sign-in-btn{border:1px solid var(--color-border-brand);border-radius:var(--radius-lg);width:100%;height:50px;color:var(--color-content-brand);background:var(--color-surface-brand-light);justify-content:center;align-items:center;gap:9px;margin-top:10px;font-weight:800;display:flex}.parent-sign-in-btn:hover{background:var(--blue-100)}.parent-form-error{border:1px solid var(--red-100);border-radius:var(--radius-md);color:var(--red-600);background:var(--red-50);margin:0 0 16px;padding:11px 13px;font-size:13.5px}.parent-privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:12.5px;display:flex}.student-public-id-card button{border:1px solid var(--color-border-brand);border-radius:var(--radius-md);width:100%;color:var(--color-content-brand);background:var(--color-surface-brand-light);justify-content:space-between;align-items:center;margin:8px 0;padding:10px 12px;display:flex}.student-public-id-card button b{font-family:var(--font-mono);letter-spacing:.08em}.student-public-id-card p{color:var(--muted);font-size:12px;line-height:1.5}.parent-dashboard-loading{place-items:center;min-height:100vh;display:grid}.parent-dashboard{background:var(--bg);min-height:100vh;padding-bottom:48px}.parent-dashboard-head{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px max(24px,50vw - 560px);display:flex}.parent-dashboard-head p{color:var(--muted);margin-top:3px;font-size:12.5px}.parent-student-card,.parent-summary-grid,.parent-course-section{width:min(1120px,100% - 40px);margin-inline:auto}.parent-student-card{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg, var(--blue-700), var(--blue-500));justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:28px;display:flex}.parent-student-card h1{margin:5px 0;font-size:clamp(26px,4vw,38px)}.parent-student-card p{opacity:.8}.eyebrow{letter-spacing:.11em;text-transform:uppercase;opacity:.72;font-size:11px;font-weight:900}.student-id-chip{text-align:start;border-radius:var(--radius-lg);color:#fff;background:#ffffff1f;border:1px solid #ffffff4d;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;min-width:220px;padding:14px 16px;display:grid}.student-id-chip span{opacity:.72;text-transform:uppercase;grid-column:1/-1;font-size:11px}.student-id-chip b{font-family:var(--font-mono);letter-spacing:.06em;font-size:16px}.parent-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;display:grid}.parent-summary-grid article,.parent-course-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:20px}.parent-summary-grid article>span{color:var(--muted);font-size:12.5px;font-weight:700;display:block}.parent-summary-grid article>b{margin:9px 0;font-size:26px;display:block}.parent-summary-grid small{color:var(--muted)}.parent-date-value{line-height:1.35;font-size:15px!important}.parent-course-section{margin-top:30px}.parent-course-section h2{margin-top:4px;font-size:24px}.read-only-badge{border-radius:var(--radius-pill);color:var(--green-600);background:var(--green-50);align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.parent-course-list{gap:12px;margin-top:14px;display:grid}.parent-course-card h3{font-size:17px}.parent-course-card p{color:var(--muted);margin-top:3px;font-size:12.5px}.parent-course-card>.progress{margin-top:14px}.parent-course-meta{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-top:13px;font-size:12.5px;display:flex}.parent-lesson-list{border-top:1px solid var(--line);margin-top:16px}.parent-lesson-row{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.parent-lesson-row:last-child{border-bottom:0;padding-bottom:0}.parent-lesson-row>span{border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.parent-lesson-row>span.watched{color:var(--green-600);background:var(--green-50)}.parent-lesson-row>span.unwatched{color:var(--muted);background:var(--surface-2)}.parent-lesson-row b{font-size:13.5px;display:block}.parent-lesson-row small{color:var(--muted);margin-top:2px;display:block}.parent-lesson-row strong{color:var(--blue-600);font-size:13px}@media (max-width:900px){.parent-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.parent-student-card{flex-direction:column;align-items:stretch}.student-id-chip{width:100%;min-width:0}.parent-summary-grid{grid-template-columns:1fr}.parent-student-card,.parent-summary-grid,.parent-course-section{width:min(100% - 24px,1120px)}.class-strip{grid-template-columns:minmax(0,1fr)}}@media (min-width:768px) and (max-width:1200px){.class-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media (min-width:768px){.show-mobile{display:none!important}}@media (max-width:767px){.hide-mobile{display:none!important}}.modal{--modal-outer-gap:clamp(10px, 3dvh, 28px);--modal-pad-x:clamp(16px, 2.4vw, 24px);--modal-head-pad-y:clamp(12px, 1.8dvh, 20px);--modal-body-pad-y:clamp(12px, 1.8dvh, 18px);--modal-foot-pad-y:clamp(10px, 1.6dvh, 16px);width:min(var(--modal-w,520px), calc(100vw - 24px));max-height:calc(100dvh - (var(--modal-outer-gap) * 2));border:1px solid var(--color-border-default)}.modal-head{padding:var(--modal-head-pad-y) var(--modal-pad-x) calc(var(--modal-head-pad-y) - 4px);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-subtle)}.modal-head .eyebrow{margin-bottom:8px}.modal-head h3{font-size:clamp(19px,2.4dvh,22px);line-height:1.2}.modal-head p{max-width:410px;color:var(--color-content-tertiary);margin-top:4px;font-size:clamp(12.5px,1.55dvh,13.5px);line-height:1.45}.modal-body{padding:var(--modal-body-pad-y) var(--modal-pad-x)}.modal-foot{padding:var(--modal-foot-pad-y) var(--modal-pad-x) calc(var(--modal-foot-pad-y) + 2px);border-top:1px solid var(--color-border-subtle);background:var(--color-surface-raised)}.modal-close{background:var(--surface);border:1px solid var(--color-border-default);top:18px}.form-section,.lesson-editor-section{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--surface)}.form-section{flex-direction:column;gap:clamp(8px,1.3dvh,12px);padding:clamp(12px,1.7dvh,16px);display:flex}.form-section .field,.course-editor-body .field,.lesson-editor-section .field{margin-bottom:0}.form-section-head,.lesson-editor-section-head{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.form-section-head svg,.lesson-editor-section-head svg{color:var(--color-content-brand);flex-shrink:0}.form-section-head small{color:var(--muted);flex-basis:100%;font-size:12px;font-weight:600}.required-mark{color:var(--red-500)}.publish-toggle-row{border-top:1px solid var(--color-border-subtle);align-items:flex-start;gap:14px;padding-top:clamp(8px,1.2dvh,12px)}.course-editor-body{gap:clamp(10px,1.6dvh,16px)}@media (min-width:720px){.course-editor-body{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:start;display:grid}.course-editor-body .form-section:last-child{grid-column:1/-1}}.thumbnail-upload{align-items:stretch;gap:clamp(12px,1.7dvh,16px)}.thumbnail-preview{border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background:var(--color-surface-brand-light);width:clamp(132px,22vw,164px);max-height:120px;color:var(--color-content-inverse);box-shadow:inset 0 0 0 1px #ffffff38}.thumbnail-preview svg{color:#ffffffe6}.input[type=file]{height:auto;min-height:clamp(40px,5.4dvh,48px);color:var(--color-content-secondary);padding:8px 10px}.input[type=file]::file-selector-button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--surface);height:32px;color:var(--color-content-brand);font:inherit;cursor:pointer;margin-inline-end:12px;padding:0 12px;font-weight:700}.action-panel-backdrop{background:#1d1f2357}.action-panel{border-left:1px solid var(--color-border-default);max-height:100dvh}.action-panel-head{background:var(--color-surface-subtle);padding:clamp(14px,2.2dvh,22px) 24px clamp(12px,1.8dvh,18px)}.action-panel-head h3{line-height:1.2}.action-panel-close{background:var(--surface);border:1px solid var(--color-border-default);width:38px;height:38px}.action-panel-body>.modal-body{padding:0;overflow:visible}.action-panel-body>.modal-foot{margin-top:clamp(10px,1.8dvh,16px);padding:14px 0 0}@media (max-height:820px){.modal{--modal-outer-gap:8px;--modal-pad-x:18px;--modal-head-pad-y:12px;--modal-body-pad-y:10px;--modal-foot-pad-y:10px}.modal-head .eyebrow,.form-section-head small{display:none}.modal-head p{max-width:100%}.field label{margin-bottom:5px}.input,.select{height:42px;padding-inline:12px;font-size:14px}textarea.input{min-height:64px;padding-block:9px}.modal-foot .btn{height:40px}.lesson-editor-body,.course-editor-body{gap:10px}.lesson-editor-section,.form-section,.question-explanation-editor{gap:8px;padding:11px}.thumbnail-preview{width:128px;max-height:86px}.lesson-video-frame{max-height:190px}.question-explanation-editor textarea.input{min-height:58px}.add-question-body .filter-tabs{margin-bottom:10px!important}.add-question-body .col.gap-12{gap:8px;margin-bottom:10px!important}.add-question-body .col.gap-10{gap:7px}.add-question-body .field{margin-bottom:10px}.add-question-body .input[placeholder^=Option]{height:38px}.add-question-body .tf-btn{height:46px!important;font-size:16px!important}}@media (max-height:680px){.modal-head p,.publish-toggle-row p,.thumbnail-upload p{display:none}.modal-close{top:10px}.thumbnail-preview{width:112px;max-height:72px}.lesson-video-frame{max-height:150px}}@media (max-width:560px){.modal-head,.modal-body,.modal-foot{padding-inline:18px}.thumbnail-upload{flex-direction:column}.thumbnail-preview{width:100%}}
