.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.mx-mark{object-fit:contain;flex:none;display:block}:where(.mk-page,.auth-centered-layout,.status-screen){--public-text:var(--sys-color-text-default);--public-text-muted:var(--sys-color-text-muted);--public-text-subtle:var(--sys-color-text-subtle);--public-surface:var(--sys-color-surface-page);--public-surface-subtle:var(--sys-color-surface-subtle);--public-surface-blue:var(--sys-color-surface-soft-blue);--public-border:var(--sys-color-border-subtle);--public-border-strong:var(--sys-color-border-strong);--public-action:var(--sys-color-action-primary);--public-action-hover:var(--sys-color-action-primary-hover);--public-action-pressed:var(--sys-color-action-primary-pressed)}.page-scroll-progress{z-index:120;transform-origin:0;background:var(--color-surface-brand);pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.mk-page{background:var(--public-surface-subtle);min-height:100%;color:var(--public-text);overflow-x:clip}.mk-page :where(button,a,input,select):focus-visible,.auth-centered-layout :where(button,a,input,select):focus-visible,.status-screen :where(button,a):focus-visible{outline:2px solid var(--sys-color-border-focus);outline-offset:3px}.mk-nav{z-index:100;width:100%;min-height:72px;color:var(--public-text);border-bottom:1px solid var(--public-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:min-height var(--duration-default) var(--ease-default), box-shadow var(--duration-smooth) var(--ease-default), background var(--duration-default) var(--ease-default);background:#fffffff7;align-items:center;gap:22px;padding:0 clamp(22px,5vw,72px);display:flex;position:sticky;top:0}.mk-nav.scrolled{min-height:64px;box-shadow:var(--shadow-sm);background:#fffffffc}.mk-brand{min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:inline-flex}.brand-wordmark{color:inherit;font-family:var(--font-sans);letter-spacing:-.015em;white-space:nowrap;font-size:17px;font-weight:800}.mk-links{align-items:center;gap:2px;display:flex}.mk-links a{min-height:40px;color:var(--public-text-muted);transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);border-radius:9px;align-items:center;padding:0 13px;font-size:14px;font-weight:650;display:inline-flex}.mk-links a:hover{color:var(--public-text);background:var(--ref-color-neutral-100)}.mk-nav-cta{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.mk-nav .btn{border-radius:10px;font-weight:750}.mk-nav .btn-ghost{color:var(--sys-color-text-link);border-color:var(--public-border-strong);background:var(--public-surface)}.mk-nav .btn-ghost:hover{color:var(--sys-color-text-link-hover);background:var(--public-surface-blue);border-color:var(--sys-color-border-focus)}.mk-nav .btn-accent{background:var(--color-surface-brand);color:var(--sys-color-text-inverse)}.mk-nav .btn-accent:hover{background:var(--color-content-brand)}.hero{isolation:isolate;min-height:700px;color:var(--public-text);background-color:var(--public-surface-subtle);background-image:linear-gradient(var(--sys-color-grid-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--sys-color-grid-subtle) 1px, transparent 1px);background-size:38px 38px;grid-template-columns:minmax(390px,.78fr) minmax(520px,1.22fr);align-items:end;gap:clamp(18px,3vw,46px);padding:clamp(24px,3vw,40px) clamp(24px,6vw,92px) 0;display:grid;position:relative;overflow:hidden}.hero:before{content:none}.hero-copy{z-index:2;align-self:start;padding-top:clamp(44px,5vw,68px);position:relative}.hero-eyebrow,.mk-page .eyebrow,.status-screen .eyebrow{color:var(--ref-color-blue-300);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:650;line-height:1.3;display:inline-flex}.hero-eyebrow{color:var(--sys-color-text-link);margin-bottom:20px}.hero-eyebrow:before{content:"";background:currentColor;width:25px;height:2px}.hero h1{max-width:640px;color:var(--public-text);font-family:var(--font-serif);letter-spacing:-.052em;font-size:clamp(68px,7.2vw,108px);font-weight:700;line-height:.84}.hero .sub{max-width:510px;color:var(--public-text-muted);margin-top:32px;font-size:clamp(16px,1.45vw,19px);line-height:1.68}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero .btn,.landing-cta .btn{justify-content:center;min-width:148px;font-weight:760}.hero .btn-primary,.landing-cta .btn-primary{background:var(--color-surface-brand);box-shadow:var(--shadow-sm)}.hero .btn-primary:hover,.landing-cta .btn-primary:hover{background:var(--color-content-brand)}.hero .btn-ghost,.landing-cta .btn-ghost{color:var(--sys-color-text-link);border-color:var(--public-border-strong);background:#ffffffb8}.hero .btn-ghost:hover,.landing-cta .btn-ghost:hover{color:var(--sys-color-text-link-hover);border-color:var(--sys-color-border-focus);background:var(--public-surface-blue)}.hero-visual{justify-content:flex-end;align-items:flex-end;min-height:640px;display:flex;position:relative;overflow:hidden}.hero-teacher-image{z-index:1;object-fit:contain;object-position:right bottom;width:min(100%,720px);height:auto;max-height:720px;position:relative}.hero-visual{animation:public-visual-enter var(--duration-slow) var(--ease-out) .1s both}.motion-ready .reveal-section{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(18px)}.motion-ready .reveal-section.is-visible{opacity:1;transform:translateY(0)}.reveal-section.is-visible .step{animation:public-card-enter var(--duration-slow) var(--ease-out) both}.reveal-section.is-visible .step:nth-child(2){animation-delay:70ms}.reveal-section.is-visible .step:nth-child(3){animation-delay:.14s}.mk-page .btn-primary:active,.auth-centered-layout .btn-primary:active,.status-screen .btn-primary:active{background:var(--public-action-pressed)}.mk-page .btn-primary:disabled,.auth-centered-layout .btn-primary:disabled,.status-screen .btn-primary:disabled{opacity:1;background:var(--sys-color-action-disabled-bg);color:var(--sys-color-action-disabled-fg)}.mk-section{padding:clamp(72px,8vw,112px) clamp(22px,6vw,88px)}.mk-section.compact{padding-block:clamp(76px,8vw,108px)}.mk-section.tint{border-block:1px solid var(--public-border);background:var(--public-surface-blue)}.mk-section>.inner,.mk-section.tint>.inner,.mk-h,.landing-cta-inner,.mk-footer .inner,.mk-footer-bot{width:min(1160px,100%);margin-inline:auto}.mk-h{text-align:center;margin-bottom:42px}.mk-h .eyebrow{color:var(--sys-color-text-link);margin-bottom:13px}.mk-h h2,.landing-cta h2{color:var(--public-text);font-family:var(--font-serif);letter-spacing:-.028em;font-size:clamp(36px,4vw,52px);font-weight:650;line-height:1.07}.mk-h p,.landing-cta p{max-width:690px;color:var(--public-text-muted);margin:14px auto 0;font-size:16px;line-height:1.7}.grade-journey{isolation:isolate;color:var(--sys-color-text-inverse);background:var(--sys-color-surface-dark-raised);padding:clamp(72px,7vw,96px) clamp(22px,6vw,88px) clamp(82px,8vw,112px);position:relative;overflow:visible}.grade-journey:before{content:"";z-index:-1;opacity:.32;pointer-events:none;background-image:linear-gradient(#7eaee813 1px,#0000 1px),linear-gradient(90deg,#7eaee813 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.grade-journey-heading,.grade-journey-layout{width:min(1160px,100%);margin-inline:auto}.grade-journey-heading{margin-bottom:clamp(32px,4vw,48px);padding-left:130px}.grade-journey-heading .eyebrow{color:var(--ref-color-blue-300)}.grade-journey-heading h2{color:var(--sys-color-text-inverse);font-family:var(--font-serif);letter-spacing:-.035em;margin-top:14px;font-size:clamp(44px,4.7vw,64px);font-weight:650;line-height:.98}.grade-journey-heading p{color:#e0edfcb3;max-width:590px;margin-top:14px;font-size:15px;line-height:1.65}.grade-journey-layout{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:26px;display:grid}.grade-rail{height:min(560px,100dvh - 152px);min-height:460px;position:sticky;top:92px}.grade-rail ol{grid-template-rows:repeat(6,minmax(0,1fr));height:100%;margin:0;padding:0;list-style:none;display:grid;position:relative}.grade-rail ol:before{content:"";background:color-mix(in srgb, var(--ref-color-blue-300) 32%, transparent);width:1px;position:absolute;top:8%;bottom:8%;right:11px}.grade-rail li,.grade-rail button{min-width:0}.grade-rail button{color:#bccfe661;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 24px;align-items:center;width:100%;height:100%;display:grid}.grade-rail button span{font-family:var(--font-serif);letter-spacing:-.03em;font-size:22px;font-weight:600;transition:color .24s,transform .24s}.grade-rail button i{z-index:1;background:var(--ref-color-neutral-500);width:6px;height:6px;box-shadow:0 0 0 3px var(--sys-color-surface-dark-raised);transition:background var(--duration-smooth) var(--ease-default), transform var(--duration-smooth) var(--ease-default);border-radius:50%;margin-inline:auto;position:relative}.grade-rail li.active button{color:var(--ref-color-blue-300)}.grade-rail li.active button span{transform:translate(2px)}.grade-rail li.active button i{background:var(--color-surface-brand);transform:scale(1.5)}.grade-story{gap:12px;min-width:0;display:grid}.grade-story-stop{min-height:0;scroll-margin-top:128px}.grade-card{opacity:.56;width:100%;min-height:0;transition:opacity var(--duration-smooth) var(--ease-default), border-color var(--duration-smooth) var(--ease-default), background var(--duration-smooth) var(--ease-default), transform var(--duration-smooth) var(--ease-default);background:#04162c57;border:1px solid #9bbce124;border-radius:14px;padding:22px 24px}.grade-story-stop.active .grade-card,.grade-story-stop:focus-within .grade-card{opacity:1;background:#072344c2;border-color:#4a8fe780;width:100%;transform:translate(4px)}.grade-card-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:clamp(22px,3vw,42px);min-width:0;display:grid}.grade-stage{color:var(--ref-color-blue-300);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;grid-column:1;font-size:9.5px;font-weight:700}.grade-card h3{color:var(--sys-color-text-inverse);font-family:var(--font-serif);letter-spacing:-.045em;grid-column:1;margin-top:5px;font-size:clamp(34px,3.4vw,46px);font-weight:650;line-height:1}.grade-card p{color:#e0edfcb8;grid-column:1;max-width:560px;margin-top:9px;font-size:13.5px;line-height:1.55}.grade-card-actions{grid-area:1/2/4;align-items:center;gap:8px;margin-top:0;display:flex}.grade-card-actions .btn{border-radius:10px;justify-content:center;min-height:40px;padding-inline:15px;font-size:13px;font-weight:760}.grade-card-actions .btn-primary{background:var(--color-surface-brand);min-width:188px}.grade-card-actions .btn-primary:hover{background:var(--color-content-brand)}.grade-card-actions .btn-ghost{color:var(--ref-color-blue-100);background:#ffffff05;border-color:#bed3ec47}.grade-card-actions .btn-ghost:hover{color:var(--sys-color-text-inverse);background:#ffffff14;border-color:#bed3ec80}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1080px,100%);margin-inline:auto;display:grid}.step{--step-accent:var(--color-surface-brand);--step-soft:var(--ref-color-blue-50);border:1px solid var(--public-border);background:color-mix(in srgb, var(--public-surface) 88%, transparent);text-align:left;box-shadow:var(--shadow-xs);transition:transform var(--duration-smooth) var(--ease-default), box-shadow var(--duration-smooth) var(--ease-default), border-color var(--duration-smooth) var(--ease-default);border-radius:18px;padding:30px 26px 28px;position:relative}.step:hover{border-color:var(--public-border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.step-green{--step-accent:var(--ref-color-green-700);--step-soft:var(--ref-color-green-50)}.step-indigo{--step-accent:var(--ref-color-indigo-700);--step-soft:var(--ref-color-indigo-50)}.step-num{background:var(--step-soft);width:50px;height:50px;color:var(--step-accent);border-radius:14px;place-items:center;margin-bottom:24px;display:grid}.step-num span{color:var(--public-text-subtle);font-family:var(--font-mono);font-size:12px;font-weight:700;position:absolute;top:19px;right:22px}.step h3{color:var(--public-text);font-family:var(--font-serif);font-size:21px;font-weight:650}.step p{color:var(--public-text-muted);margin-top:9px;font-size:14px;line-height:1.65}.landing-cta{color:var(--sys-color-text-inverse);background:radial-gradient(circle at 90% 0, color-mix(in srgb, var(--ref-color-blue-500) 24%, transparent), transparent 32%), var(--sys-color-surface-marketing-deep);padding:clamp(78px,9vw,120px) 24px;overflow:hidden}.landing-cta-inner{text-align:center}.landing-cta .eyebrow{color:var(--ref-color-blue-300)}.landing-cta h2{max-width:820px;color:var(--sys-color-text-inverse);margin:14px auto 0}.landing-cta p{color:#ecf4ffb3}.landing-cta .hero-ctas{justify-content:center}.mk-footer{color:var(--sys-color-text-inverse);background:var(--sys-color-surface-footer);padding:60px clamp(22px,6vw,88px) 26px;position:relative;overflow:hidden}.mk-footer-grid{opacity:.12;pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.mk-footer .inner{grid-template-columns:minmax(300px,1.7fr) repeat(3,minmax(130px,.7fr));gap:42px;display:grid;position:relative}.fcol{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.fcol-brand{padding-right:24px}.f-lockup{align-items:center;gap:13px;display:flex}.f-lockup-txt{flex-direction:column;gap:2px;display:flex}.fwm{color:var(--sys-color-text-inverse);font-size:20px;font-weight:800}.fby{color:#ebf4ff8a;font-size:11px;font-weight:650}.f-desc{color:#ebf4ff94;max-width:450px;font-size:13.5px;line-height:1.7}.mk-footer h4{color:#ebf4ff75;font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:650}.fcol>a:not(.f-wa),.f-contact{color:#f0f7ffb3;font-size:13px;font-weight:630}.fcol>a:hover{color:var(--sys-color-text-inverse)}.f-contact{overflow-wrap:anywhere;align-items:center;gap:7px;display:inline-flex}.f-contact .mono{font-size:11.5px}.f-wa{background:var(--hz-whatsapp-action);min-height:42px;color:var(--sys-color-text-inverse);border-radius:11px;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:750;display:inline-flex}.f-wa:hover{background:color-mix(in srgb, var(--hz-whatsapp-action) 86%, var(--sys-color-text-inverse))}.f-socials{gap:8px;margin-top:2px;display:flex}.f-socials a{color:#f0f7ffb8;border:1px solid #ffffff26;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.f-socials a:hover{color:var(--sys-color-text-inverse);background:#ffffff0f;border-color:#ffffff5c}.mk-footer-bot{color:#ebf4ff6b;border-top:1px solid #ffffff1a;align-items:center;gap:22px;margin-top:42px;padding-top:22px;font-size:11px;display:flex;position:relative}.f-mini{color:#ebf4ff9e;align-items:center;gap:8px;font-weight:700;display:inline-flex}.f-tag{margin-inline:auto}.f-top{color:#ebf4ff9e;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.f-top:hover{color:var(--sys-color-text-inverse)}.auth-centered-layout{isolation:isolate;background:linear-gradient(135deg, var(--public-surface) 0%, var(--public-surface-blue) 52%, var(--public-surface) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:clamp(28px,5vw,64px) 18px 46px;display:flex;position:relative;overflow-x:hidden}.auth-page-with-footer{justify-content:flex-start;min-height:100dvh;padding:0}.mathex-background-grid{z-index:-1;opacity:.72;pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--ref-color-blue-300) 18%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ref-color-blue-300) 18%, transparent) 1px, transparent 1px);background-size:44px 44px;position:fixed;inset:0}.auth-form-wrap{z-index:2;justify-content:center;width:100%;display:flex;position:relative}.auth-form-wrap-spacious{flex:1;align-items:center;min-height:auto;padding:clamp(32px,6vw,64px) 16px}.auth-form{border:1px solid var(--public-border);border-radius:var(--radius-xl);width:min(100%,570px);box-shadow:var(--shadow-lg);animation:public-card-enter var(--duration-slow) var(--ease-out) both;background:#fffffff5;padding:clamp(24px,4vw,40px)}.auth-brand{align-items:center;gap:11px;margin-bottom:24px;display:flex}.auth-brand>div{flex-direction:column;display:flex}.auth-brand b{color:var(--public-text);font-size:15px;font-weight:800}.auth-brand span{color:var(--public-text-muted);margin-top:1px;font-size:11px;font-weight:650}.auth-back{border:1px solid var(--public-border);background:var(--public-surface);width:36px;height:36px;color:var(--public-text-muted);cursor:pointer;border-radius:10px;place-items:center;margin-right:2px;display:grid}.auth-back:hover{color:var(--sys-color-text-link);border-color:var(--sys-color-border-focus);background:var(--public-surface-blue)}.auth-tabs{border:1px solid var(--public-border);background:var(--ref-color-neutral-100);border-radius:12px;gap:4px;margin-bottom:26px;padding:5px;display:flex}.auth-tab{min-height:42px;color:var(--public-text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;font-size:14px;font-weight:750}.auth-tab.active{background:var(--public-surface);color:var(--sys-color-text-link);box-shadow:var(--shadow-xs)}.auth-panel:not([hidden]){animation:public-panel-enter var(--duration-smooth) var(--ease-out) both}.auth-form h2{color:var(--public-text);font-family:var(--font-serif);letter-spacing:-.025em;font-size:clamp(29px,4vw,36px);font-weight:650;line-height:1.1}.auth-form .sub{color:var(--public-text-muted);margin:9px 0 24px;font-size:14px;line-height:1.6}.auth-form .field{margin-bottom:15px}.auth-form .field label{color:var(--ref-color-neutral-700);font-family:var(--font-mono);letter-spacing:.025em;margin-bottom:7px;font-size:11px;font-weight:650}.auth-form .input,.auth-form .select{border:1px solid var(--public-border);background:var(--public-surface);height:48px;color:var(--public-text);border-radius:12px;font-size:14.5px}.auth-form .input:hover,.auth-form .select:hover{border-color:var(--public-border-strong)}.auth-form .input:focus,.auth-form .select:focus{border-color:var(--color-surface-brand);box-shadow:0 0 0 3px #0056d224}.auth-form [aria-invalid=true]{border-color:var(--sys-color-border-danger)}.auth-form [aria-invalid=true]:focus{box-shadow:0 0 0 3px #cf5b5b21}.input-wrap .input-trail{color:var(--public-text-muted)}.input-wrap .input-trail:hover{color:var(--sys-color-text-link)}.field-error{color:var(--ref-color-red-700);margin-top:6px;font-size:12px;font-weight:650;line-height:1.35}.field-hint{color:var(--public-text-muted);margin-top:6px;font-size:12px;line-height:1.45}.auth-recovery{color:var(--public-text-muted);margin:-2px 0 16px;font-size:12px;line-height:1.55}.auth-recovery a,.auth-foot a,.auth-page-help a{color:var(--sys-color-text-link);text-underline-offset:2px;font-weight:750;text-decoration:underline}.auth-form .btn{border-radius:12px;font-weight:760}.auth-form .btn-primary{background:var(--color-surface-brand)}.auth-form .btn-primary:hover{background:var(--color-content-brand)}.divider{color:var(--public-text-subtle);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:12px;margin:20px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:var(--public-border);flex:1;height:1px}.google-btn,.parent-sign-in-btn{border:1px solid var(--public-border);background:var(--public-surface);width:100%;min-height:46px;color:var(--ref-color-neutral-700);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:730;display:inline-flex}.google-btn:hover,.parent-sign-in-btn:hover{border-color:var(--sys-color-border-focus);background:var(--public-surface-blue);color:var(--sys-color-text-link)}.google-btn:disabled{opacity:.5;cursor:not-allowed}.parent-sign-in-btn{background:var(--public-surface-subtle);margin-top:10px}.auth-foot{color:var(--public-text-muted);text-align:center;margin-top:21px;font-size:13px}.auth-progress{border:1px solid var(--public-border);background:var(--public-surface-subtle);border-radius:14px;margin:-4px 0 24px;padding:15px 16px}.auth-progress-copy{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.auth-progress-copy span{color:var(--public-text-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:650}.auth-progress-copy b{color:var(--sys-color-text-link);font-size:12px}.auth-progress ol{grid-template-columns:repeat(2,1fr);margin:14px 0 0;padding:0;list-style:none;display:grid;position:relative}.auth-progress ol:before{content:"";background:var(--public-border);height:2px;position:absolute;top:13px;left:13%;right:13%}.auth-progress li{z-index:1;color:var(--public-text-subtle);font-family:var(--font-mono);flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.auth-progress li span{border:2px solid var(--public-border);background:var(--public-surface-subtle);border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.auth-progress li small{text-transform:uppercase;font-size:9px;font-weight:650}.auth-progress li.active{color:var(--sys-color-text-link)}.auth-progress li.active span{color:var(--sys-color-text-inverse);border-color:var(--color-surface-brand);background:var(--color-surface-brand)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-step-actions{grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);gap:10px;margin-top:5px;display:grid}.auth-page-help{z-index:2;color:var(--public-text-muted);margin:0;font-size:11.5px;position:absolute;bottom:16px}.field-optional{color:var(--public-text-muted);font-family:var(--font-sans);font-weight:var(--font-weight-regular);letter-spacing:0;text-transform:none}.auth-form :where(.btn,.google-btn)[aria-busy=true]:before{content:"";border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;flex:none;width:15px;height:15px;animation:.7s linear infinite public-spin}.parent-form-error{border:1px solid var(--ref-color-red-300);background:var(--ref-color-red-50);color:var(--ref-color-red-700);border-radius:10px;align-items:flex-start;gap:8px;margin:0 0 14px;padding:11px 13px;font-size:12.5px;line-height:1.45;display:flex}.parent-form-error svg{flex:none;margin-top:1px}.parent-privacy-note{color:var(--public-text-muted);justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:11.5px;display:flex}.status-screen{--status-accent:var(--sys-color-status-warning);--status-soft:var(--ref-color-gold-50);--status-border:var(--ref-color-gold-300);isolation:isolate;min-height:100dvh;color:var(--public-text);background:radial-gradient(circle at 12% 15%, color-mix(in srgb, var(--status-soft) 75%, transparent), transparent 28%), var(--public-surface-blue);place-items:center;padding:clamp(22px,5vw,68px);display:grid;position:relative;overflow:hidden}.status-screen-rejected,.status-screen-blocked{--status-accent:var(--sys-color-status-danger);--status-soft:var(--ref-color-red-50);--status-border:var(--ref-color-red-300)}.status-background-grid{z-index:-1;opacity:.46;pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--ref-color-blue-300) 18%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ref-color-blue-300) 18%, transparent) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0}.status-grid{z-index:1;border:1px solid var(--public-border);background:var(--public-surface);width:min(1080px,100%);box-shadow:var(--shadow-lg);animation:public-card-enter var(--duration-slow) var(--ease-out) both;border-radius:24px;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);display:grid;position:relative;overflow:hidden}.status-panel,.status-side{padding:clamp(32px,5vw,60px)}.status-panel{background:var(--public-surface);flex-direction:column;align-items:flex-start;display:flex}.status-brand{align-items:center;gap:12px;margin-bottom:clamp(50px,7vw,82px);display:flex}.status-brand>span{flex-direction:column;display:flex}.status-brand b{color:var(--public-text);font-size:15px;font-weight:800}.status-brand small{color:var(--public-text-muted);margin-top:2px;font-size:10.5px;font-weight:650}.status-icon{border:1px solid var(--status-border);background:var(--status-soft);width:64px;height:64px;color:var(--status-accent);border-radius:18px;place-items:center;margin-bottom:24px;display:grid}.status-kicker{color:var(--status-accent);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:11px;font-size:10.5px;font-weight:700}.status-panel h1{max-width:590px;color:var(--public-text);font-family:var(--font-serif);letter-spacing:-.035em;font-size:clamp(39px,5vw,57px);font-weight:650;line-height:1.02}.status-panel>p{max-width:570px;color:var(--public-text-muted);margin-top:19px;font-size:15px;line-height:1.72}.status-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.status-actions .btn{border-radius:12px;min-width:148px;font-weight:760}.status-actions .btn-primary{background:var(--public-action)}.status-actions .btn-primary:hover{background:var(--public-action-hover)}.status-live{border:1px solid var(--status-border);border-radius:var(--radius-md);background:var(--status-soft);color:var(--ref-color-neutral-700);align-items:center;gap:9px;margin-top:22px;padding:10px 12px;font-size:12.5px;font-weight:650;display:inline-flex}.status-live>span{border-radius:var(--radius-full);background:var(--status-accent);width:9px;height:9px;box-shadow:0 0 0 0 color-mix(in srgb, var(--status-accent) 30%, transparent);animation:public-status-confirm var(--duration-slower) var(--ease-out) 1 both}.status-side{border-left:1px solid var(--public-border);background:linear-gradient(155deg, var(--public-surface-subtle) 0%, var(--status-soft) 150%);flex-direction:column;justify-content:center;display:flex}.status-side-head .eyebrow{color:var(--status-accent)}.status-side h2{max-width:430px;color:var(--public-text);font-family:var(--font-serif);letter-spacing:-.02em;margin-top:12px;font-size:clamp(27px,3vw,36px);font-weight:650;line-height:1.12}.status-step-list,.status-note-list{flex-direction:column;gap:11px;margin-top:30px;padding:0;list-style:none;display:flex}.status-step{min-height:76px;color:var(--public-text-muted);border:1px solid #0000;border-radius:13px;grid-template-columns:26px 38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 12px;display:grid;position:relative}.status-step-current{border-color:var(--status-border);color:var(--ref-color-neutral-700);box-shadow:var(--shadow-sm);background:#ffffffdb}.status-step-complete{color:var(--ref-color-green-700)}.status-step-index{color:var(--public-text-subtle);font-family:var(--font-mono);font-size:10px;font-weight:700}.status-step-icon{background:var(--ref-color-neutral-100);width:36px;height:36px;color:var(--public-text-muted);border-radius:10px;place-items:center;display:grid}.status-step-current .status-step-icon{background:var(--status-soft);color:var(--status-accent)}.status-step-complete .status-step-icon{background:var(--ref-color-green-50);color:var(--ref-color-green-700)}.status-step-copy{flex-direction:column;gap:3px;display:flex}.status-step-copy b{color:var(--ref-color-neutral-700);font-size:13px}.status-step-copy small{color:var(--public-text-muted);font-size:11.5px;line-height:1.4}.status-step-state{background:var(--status-soft);color:var(--status-accent);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:8.5px;font-weight:700}.status-note{border:1px solid var(--public-border);color:var(--public-text-muted);background:#fffc;border-radius:13px;align-items:flex-start;gap:12px;padding:15px 16px;font-size:13px;line-height:1.55;display:flex}.status-note svg{color:var(--status-accent);flex:none;margin-top:1px}.status-contact{border:1px solid var(--ref-color-green-300);background:var(--ref-color-green-50);color:var(--ref-color-green-700);transition:border-color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);border-radius:13px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:24px;padding:13px 14px;display:grid}.status-contact:hover{border-color:var(--ref-color-green-700);background:var(--ref-color-green-100);transform:translateY(-1px)}.status-contact>svg:first-child{background:var(--ref-color-green-700);width:36px;height:36px;color:var(--sys-color-text-inverse);border-radius:10px;padding:8px}.status-contact span{flex-direction:column;gap:2px;display:flex}.status-contact b{font-size:12.5px}.status-contact small{color:var(--ref-color-green-700);font-size:10.5px;line-height:1.35}.pending-screen{background:var(--sys-color-surface-soft-blue);text-align:center;place-items:center;min-height:100dvh;padding:24px;display:grid}.pending-card{border:1px solid var(--sys-color-border-subtle);background:var(--sys-color-surface-page);width:min(470px,100%);box-shadow:var(--shadow-lg);border-radius:20px;padding:42px}.pending-ico{background:var(--ref-color-gold-50);width:76px;height:76px;color:var(--sys-color-status-warning);border-radius:18px;place-items:center;margin:0 auto 24px;display:grid}.pending-card h2{color:var(--sys-color-text-default);font-family:var(--font-serif)}.pending-card p{color:var(--sys-color-text-muted);margin:12px 0 22px;line-height:1.65}.parent-dashboard-loading{place-items:center;min-height:100dvh;display:grid}.parent-dashboard{background:var(--sys-color-surface-subtle);min-height:100dvh;padding-bottom:48px}.parent-dashboard-head{border-bottom:1px solid var(--sys-color-border-subtle);background:var(--sys-color-surface-page);justify-content:space-between;align-items:center;min-height:70px;padding:0 clamp(20px,5vw,54px);display:flex}.parent-student-card,.parent-summary-grid,.parent-course-section,.parent-insights-section{width:min(1120px,100% - 40px);margin-inline:auto}.parent-student-card{color:var(--sys-color-text-inverse);background:linear-gradient(130deg, var(--ref-color-blue-900), var(--ref-color-indigo-900));border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:28px;display:flex}.parent-student-card h1{font-family:var(--font-serif);margin:6px 0;font-size:clamp(27px,4vw,40px)}.student-id-chip{color:var(--sys-color-text-inverse);cursor:pointer;background:#ffffff14;border:1px solid #ffffff3d;border-radius:12px;padding:12px 14px}.student-id-chip b{font-family:var(--font-mono);letter-spacing:.05em}.parent-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.parent-summary-grid article,.parent-course-card,.insight-card{border:1px solid var(--sys-color-border-subtle);background:var(--sys-color-surface-page);border-radius:15px;padding:20px}.parent-summary-grid article>span{color:var(--sys-color-text-muted);font-size:12px;font-weight:700}.parent-summary-grid article>b{color:var(--sys-color-text-default);margin:8px 0;font-size:25px;display:block}.parent-summary-grid small{color:var(--sys-color-text-muted)}.parent-date-value{line-height:1.4;font-size:15px!important}.parent-insights-section,.parent-course-section{margin-top:28px}.parent-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.insight-metric-row{border-bottom:1px solid var(--sys-color-border-subtle);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.recommendation-box{background:var(--ref-color-blue-50);color:var(--ref-color-neutral-700);border-radius:10px;margin-top:14px;padding:12px;font-size:13px}.recommendation-box.warning{background:var(--ref-color-gold-50);color:var(--ref-color-gold-800)}.recommendation-box.success{background:var(--ref-color-green-50);color:var(--ref-color-green-800)}.revision-list{gap:8px;margin-top:12px;display:grid}.revision-item{background:var(--sys-color-surface-subtle);border-radius:9px;justify-content:space-between;gap:12px;padding:10px;display:flex}.revision-score{font-family:var(--font-mono);font-size:11px}.parent-course-list{gap:12px;margin-top:14px;display:grid}.parent-course-card h3{color:var(--sys-color-text-default);font-size:17px}.parent-course-card p{color:var(--sys-color-text-muted);margin-top:4px;font-size:12.5px}.parent-course-meta{color:var(--sys-color-text-muted);flex-wrap:wrap;gap:8px 16px;margin-top:13px;font-size:12px;display:flex}.parent-lesson-list{border-top:1px solid var(--sys-color-border-subtle);margin-top:15px}.parent-lesson-row{border-bottom:1px solid var(--sys-color-border-subtle);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.parent-lesson-row>span{border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.parent-lesson-row>span.watched{color:var(--ref-color-green-700);background:var(--ref-color-green-50)}.parent-lesson-row>span.unwatched{color:var(--sys-color-text-muted);background:var(--ref-color-neutral-100)}.parent-lesson-row b{font-size:13px;display:block}.parent-lesson-row small{color:var(--sys-color-text-muted);font-size:11px}@keyframes public-copy-enter{0%{opacity:0;transform:translateY(14px)}}@keyframes public-visual-enter{0%{opacity:0;transform:translate(18px)}}@keyframes public-card-enter{0%{opacity:0;transform:translateY(12px)scale(.99)}}@keyframes public-panel-enter{0%{opacity:0;transform:translateY(7px)}}@keyframes public-status-confirm{0%{opacity:.35;box-shadow:0 0 0 0 color-mix(in srgb, var(--status-accent) 30%, transparent);transform:scale(.72)}to{opacity:1;transform:scale(1);box-shadow:0 0 0 7px #0000}}@keyframes public-spin{to{transform:rotate(360deg)}}@media (max-width:1040px){.hero{grid-template-columns:minmax(320px,.8fr) minmax(430px,1.1fr);gap:22px;min-height:680px;padding-inline:36px}.hero-visual{min-height:610px}.hero-teacher-image{width:min(100%,650px)}.grade-journey-heading{padding-left:110px}.grade-journey-layout{grid-template-columns:88px minmax(0,1fr);gap:20px}.grade-card-copy{grid-template-columns:minmax(0,1fr)}.grade-card-actions{grid-area:auto/1;margin-top:16px}.mk-footer .inner{grid-template-columns:minmax(280px,1.3fr) repeat(3,minmax(110px,.6fr));gap:28px}.status-grid{grid-template-columns:1fr 1fr}}@media (max-width:820px){.mk-nav{min-height:66px;padding-inline:22px}.mk-links{display:none}.hero{text-align:left;grid-template-columns:1fr;gap:0;min-height:auto;padding:54px 24px 0}.hero-copy{padding-top:0;padding-bottom:0}.hero .sub{max-width:620px}.hero-ctas{justify-content:flex-start}.hero-visual{min-height:0;margin-top:var(--space-8);justify-content:center}.hero-teacher-image{object-position:center bottom;width:min(100%,640px);max-height:none}.grade-journey{padding-inline:22px}.grade-journey-heading{padding-left:96px}.grade-journey-layout{grid-template-columns:76px minmax(0,1fr);gap:16px}.grade-rail{height:min(500px,100dvh - 132px);min-height:420px;top:82px}.grade-rail button{grid-template-columns:minmax(0,1fr) 20px}.grade-rail button span{font-size:19px}.grade-rail ol:before{right:9px}.grade-story{gap:10px}.grade-card{padding:20px}.grade-card h3{font-size:34px}.steps{grid-template-columns:1fr;max-width:600px}.step{min-height:0}.mk-footer .inner{grid-template-columns:1.4fr 1fr 1fr}.fcol-brand{grid-column:1/-1;padding-right:0}.status-screen{padding:24px}.status-grid{grid-template-columns:1fr;max-width:660px}.status-brand{margin-bottom:46px}.status-side{border-left:0;border-top:1px solid var(--public-border)}.parent-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.mk-nav{gap:10px;padding-inline:14px}.mk-brand{gap:8px}.mk-brand .mx-mark{width:32px!important;height:32px!important}.brand-wordmark{font-size:14px}.mk-nav-cta{gap:6px}.mk-nav .btn-sm{height:38px;padding-inline:11px;font-size:12px}.hero{padding:46px 18px 0}.hero h1{font-size:clamp(54px,18vw,72px)}.hero .sub{font-size:16px;line-height:1.62}.hero .btn,.landing-cta .btn{width:100%;min-width:0}.hero-ctas{width:100%}.hero-visual{width:auto;max-width:none;margin-inline:0}.hero-teacher-image{width:min(100%,520px)}.mk-section{padding:68px 18px}.mk-h{margin-bottom:32px}.mk-h h2,.landing-cta h2{font-size:35px}.grade-journey{padding:66px 16px 82px}.grade-journey-heading{margin-bottom:30px;padding-left:0}.grade-journey-heading h2{font-size:44px}.grade-journey-heading p{font-size:14px}.grade-journey-layout{display:block}.grade-rail{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#061d38f5;border-block:1px solid #9bbce11f;height:auto;min-height:0;margin:0 -16px 12px;padding:8px 10px 10px;top:66px}.grade-rail ol{grid-template-rows:none;grid-template-columns:repeat(6,minmax(0,1fr));height:52px}.grade-rail ol:before{width:auto;height:1px;inset:auto 7% 6px}.grade-rail button{grid-template-rows:1fr 13px;grid-template-columns:1fr}.grade-rail button span{font-size:15px}.grade-rail button i{width:5px;height:5px;box-shadow:0 0 0 3px var(--sys-color-surface-dark-raised)}.grade-rail li.active button span{transform:translateY(-1px)}.grade-story{gap:9px}.grade-story-stop{scroll-margin-top:142px}.grade-card{border-radius:12px;padding:18px 16px}.grade-card-copy{display:block}.grade-card h3{margin-top:5px;font-size:32px}.grade-card p{margin-top:10px;font-size:13px;line-height:1.5}.grade-card-actions{flex-direction:row;gap:7px;margin-top:15px;display:flex}.grade-card-actions .btn{width:auto;min-width:0;min-height:38px;padding-inline:12px;font-size:12px}.grade-card-actions .btn-primary{flex:1}.steps{gap:12px}.step{padding:24px 20px}.landing-cta{padding:70px 19px}.mk-footer{padding:50px 20px 24px}.mk-footer .inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.fcol-brand{grid-column:1/-1}.f-contact .mono{font-size:10.5px}.mk-footer-bot{flex-direction:column;align-items:flex-start;gap:12px}.f-tag{margin-inline:0}.auth-centered-layout{justify-content:flex-start;padding:16px 10px 34px}.auth-page-with-footer{padding:0}.auth-form-wrap{margin-block:auto}.auth-form{border-radius:18px;padding:22px 16px}.auth-brand{margin-bottom:20px}.auth-form h2{font-size:30px}.grid-2{grid-template-columns:1fr;gap:0}.auth-step-actions{grid-template-columns:1fr}.auth-step-actions .btn{width:100%}.auth-page-help{text-align:center;margin-top:20px;padding-inline:10px;position:relative;bottom:auto}.status-screen{place-items:start center;padding:10px}.status-grid{border-radius:18px}.status-panel,.status-side{padding:28px 20px}.status-brand{margin-bottom:40px}.status-panel h1{font-size:38px}.status-actions,.status-actions .btn{width:100%}.status-step{grid-template-columns:22px 36px minmax(0,1fr)}.status-step-state{display:none}.status-contact{grid-template-columns:36px minmax(0,1fr)}.status-contact>svg:last-child{display:none}.pending-card{padding:32px 20px}.parent-student-card{flex-direction:column;align-items:flex-start}.parent-summary-grid,.parent-insights-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.page-scroll-progress{display:none}.mk-nav,.grade-card,.grade-rail button span,.grade-rail button i,.status-contact{transition:none!important}.hero-visual,.auth-form,.status-grid,.status-live>span,.reveal-section.is-visible .step,.auth-form :where(.btn,.google-btn)[aria-busy=true]:before{animation:none!important}.motion-ready .reveal-section{opacity:1;transform:none}}
@media (min-width:768px){.show-mobile{display:none!important}}@media (max-width:767px){.hide-mobile{display:none!important}}.modal{--modal-outer-gap:clamp(8px, 2dvh, 18px);--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);min-height:0}.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);min-height:0}.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(8px,1.2dvh,12px)}@media (min-width:720px){.course-editor-body{grid-template-columns:minmax(0,1fr) minmax(260px,.82fr);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:108px;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;align-items:stretch}.action-panel{border-left:1px solid var(--color-border-default);height:100dvh;min-height:0;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:6px;--modal-pad-x:18px;--modal-head-pad-y:10px;--modal-body-pad-y:8px;--modal-foot-pad-y:8px}.modal-head .eyebrow,.form-section-head small{display:none}.modal-head p{max-width:100%;line-height:1.35}.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:38px}.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:76px}.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:64px}.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%}}
.hz-student-theme{--pl-surface:#05070b;--pl-scrim:#04070cdb;--pl-panel:#0e131cf7;--pl-line:#ffffff24;--pl-fg:#fff;--pl-fg-muted:#ffffffb8;--pl-fg-faint:#ffffff7a;--pl-accent:#4f9dff;--pl-focus:#8fc2ff;--learn-gutter:clamp(14px, 2.2vw, 32px);--learn-rail:336px;--learn-nav-h:64px}.hz-student-theme .coursera-topnav.is-lean .coursera-nav-links.is-hidden-lean{display:none!important}.hz-student-theme .coursera-topnav.is-lean{min-height:64px!important}.hz-student-theme .coursera-topnav.is-lean .coursera-nav-inner{gap:12px!important;min-height:64px!important}.hz-student-theme .coursera-topnav.is-lean .coursera-page-title{max-width:min(46vw,460px);color:var(--sys-color-text-default);text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden;font-size:15px!important}.hz-student-theme .coursera-back{border:1px solid var(--sys-color-border-subtle);background:var(--sys-color-surface-page);width:40px;height:40px}.hz-student-theme .coursera-back:hover{border-color:var(--sys-color-border-strong);background:var(--sys-color-surface-subtle)}.hz-student-theme.is-lean-shell .coursera-main{padding-inline:0!important}.hz-student-theme .video-grid{width:100%;max-width:1660px;padding:clamp(12px, 1.5vw, 20px) var(--learn-gutter) clamp(24px, 3vw, 44px);margin:0 auto;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important;gap:clamp(16px,1.8vw,26px)!important}.hz-student-theme .video-grid>.lesson-main{order:1;min-width:0}.hz-student-theme .video-grid>.course-roadmap-sidebar{order:2}@media (min-width:1024px){.hz-student-theme .video-grid{grid-template-columns:var(--learn-rail) minmax(0, 1fr)!important;grid-template-areas:"roadmap content"!important}.hz-student-theme .video-grid>.lesson-main{grid-area:content}.hz-student-theme .video-grid>.course-roadmap-sidebar{grid-area:roadmap}}@media (min-width:1440px){.hz-student-theme{--learn-rail:368px}}.hz-student-theme .video-stage{position:relative;border-radius:var(--radius-lg)!important;background:#000!important;border:0!important;box-shadow:0 1px 2px #05080d47,0 18px 48px -18px #05080d8c!important}@media (min-width:1024px){.hz-student-theme .video-grid .video-stage{height:auto;max-height:calc(100vh - var(--learn-nav-h) - 132px);aspect-ratio:16/9;margin-inline:auto}}.hz-student-theme .vplaceholder{color:var(--pl-fg-muted)!important;background:radial-gradient(120% 120% at 50% 0,#16202e 0%,#05070b 72%)!important;gap:14px!important}.hz-student-theme .vplaceholder-label{letter-spacing:.01em;font-size:14px;font-weight:600}.hz-student-theme .vplaceholder-hint{border:1px solid var(--pl-line);border-radius:var(--radius-pill);color:var(--pl-fg-faint);font-family:var(--font-mono);padding:4px 10px;font-size:11.5px}.hz-student-theme .vplaceholder.is-loading .vbig-play{cursor:progress}.hz-student-theme .vplaceholder.is-loading .vbig-play svg{animation:.85s linear infinite vbuffer-spin}.hz-student-theme .vbig-play{width:76px;height:76px;transition:transform var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);background:var(--sys-color-action-primary)!important;border:1px solid #ffffff3d!important;box-shadow:0 10px 30px -8px #0056d2b3!important}.hz-student-theme .vbig-play:hover:not(:disabled){transform:scale(1.05);background:var(--sys-color-action-primary-hover)!important}.hz-student-theme .vbig-play:focus-visible,.hz-student-theme .vcontrol-btn:focus-visible,.hz-student-theme .vtouch-btn:focus-visible,.hz-student-theme .vcontrols-menu-item:focus-visible,.hz-student-theme .vstate-btn:focus-visible,.hz-student-theme .vcontrols-volume-slider:focus-visible,.hz-student-theme .vcontrols-progress-container:focus-visible{outline:2px solid var(--pl-focus);outline-offset:2px}.hz-student-theme .vstage-center-overlay{z-index:4;background:#00000047}@media (pointer:coarse){.hz-student-theme .vstage-center-overlay{display:none}}.hz-student-theme .vcontrols-overlay{transition:opacity var(--duration-default) var(--ease-default), transform var(--duration-default) var(--ease-default);background:linear-gradient(#0000 0%,#000000a8 54%,#000000eb 100%);gap:6px;padding:40px 16px 12px;transform:translateY(6px)}.hz-student-theme .vcontrols-overlay.visible{transform:translateY(0)}.hz-student-theme .vcontrols-progress-container{border-radius:var(--radius-xs);touch-action:none;height:22px;min-height:22px;padding:9px 0;position:relative}.hz-student-theme .vcontrols-progress-bar{border-radius:var(--radius-pill);height:4px;transition:height var(--duration-fast) var(--ease-default);background:#ffffff3d}.hz-student-theme .vcontrols-progress-container:hover .vcontrols-progress-bar,.hz-student-theme .vcontrols-progress-container:focus-visible .vcontrols-progress-bar,.hz-student-theme .vcontrols-progress-container.is-scrubbing .vcontrols-progress-bar{height:6px}.hz-student-theme .vcontrols-progress-buffered{border-radius:inherit;background:#ffffff57}.hz-student-theme .vcontrols-progress-fill{border-radius:inherit;background:var(--pl-accent)!important}.hz-student-theme .vcontrols-progress-thumb{width:13px;height:13px;box-shadow:0 1px 6px #0000008c}.hz-student-theme .vcontrols-progress-container:hover .vcontrols-progress-thumb,.hz-student-theme .vcontrols-progress-container:focus-visible .vcontrols-progress-thumb,.hz-student-theme .vcontrols-progress-container.is-scrubbing .vcontrols-progress-thumb{transform:translate(50%,-50%)scale(1)}.hz-student-theme .vcontrols-scrub-time{border:1px solid var(--pl-line);border-radius:var(--radius-xs);background:var(--pl-panel);color:var(--pl-fg);font-family:var(--font-mono);pointer-events:none;white-space:nowrap;padding:3px 8px;font-size:11.5px;font-weight:600;position:absolute;bottom:calc(100% + 4px);transform:translate(-50%)}.hz-student-theme .vcontrols-row{gap:10px}.hz-student-theme .vcontrols-group{gap:4px;min-width:0}.hz-student-theme .vcontrol-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--pl-fg-muted);transition:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default);padding:0;position:relative}.hz-student-theme .vcontrol-btn:hover{color:var(--pl-fg);background-color:#ffffff24}.hz-student-theme .vcontrol-btn.is-primary{color:var(--pl-fg)}.hz-student-theme .vcontrol-btn.skip-btn{gap:0;padding:0}.hz-student-theme .vcontrol-step{font-family:var(--font-mono);letter-spacing:-.03em;pointer-events:none;font-size:8.5px;font-weight:700;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.hz-student-theme .vcontrol-rate-flag{background:var(--pl-accent);color:#04121f;font-family:var(--font-mono);border-radius:4px;padding:0 3px;font-size:8.5px;font-weight:700;line-height:1.5;position:absolute;bottom:1px;right:1px}.hz-student-theme .vcontrols-time{color:var(--pl-fg-faint);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:4px;margin-inline-start:6px;font-size:12.5px;display:inline-flex}.hz-student-theme .vcontrols-time b{color:var(--pl-fg);font-weight:600}.hz-student-theme .vcontrols-time i{opacity:.5;font-style:normal}.hz-student-theme .vcontrols-volume{align-items:center;gap:2px;display:flex}.hz-student-theme .vcontrols-volume-slider{opacity:0;width:0;height:20px;transition:width var(--duration-default) var(--ease-default), opacity var(--duration-fast) var(--ease-default);background:0 0;margin:0;padding:0}.hz-student-theme .vcontrols-volume:hover .vcontrols-volume-slider,.hz-student-theme .vcontrols-volume:focus-within .vcontrols-volume-slider{opacity:1;width:76px;margin-inline:4px 6px}.hz-student-theme .vcontrols-volume-slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, #fff 0%, #fff var(--volume-level,100%), #ffffff42 var(--volume-level,100%), #ffffff42 100%);height:4px}.hz-student-theme .vcontrols-volume-slider::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;box-shadow:0 1px 4px #00000080}.hz-student-theme .vcontrols-volume-slider::-moz-range-thumb{width:12px;height:12px;box-shadow:0 1px 4px #00000080}.hz-student-theme .vcontrols-menu{border:1px solid var(--pl-line);border-radius:var(--radius-md);background:var(--pl-panel);overscroll-behavior:contain;min-width:196px;max-height:min(336px,52vh);padding:6px;bottom:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 18px 44px #0009}.hz-student-theme .vcontrols-menu-label{color:var(--pl-fg-faint);font-family:var(--font-mono);letter-spacing:var(--tracking-label);align-items:center;gap:7px;padding:8px 10px 5px;display:flex}.hz-student-theme .vcontrols-menu-item{border-radius:var(--radius-sm);min-height:38px;color:var(--pl-fg-muted);gap:9px;font-size:13.5px}.hz-student-theme .vcontrols-menu-item:hover{color:var(--pl-fg);background-color:#ffffff1c}.hz-student-theme .vcontrols-menu-item.is-selected{color:var(--pl-fg);font-weight:600}.hz-student-theme .vcontrols-menu-item.is-selected svg{color:var(--pl-accent)}.hz-student-theme .vcontrols-menu-note{color:var(--pl-fg-faint);font-family:var(--font-mono);margin-inline-start:auto;font-size:11.5px;font-weight:500}.hz-student-theme .vcontrols-menu-sep{background:var(--pl-line);height:1px;margin:6px 8px}.hz-student-theme .vtouch-transport{inset-inline:0;z-index:5;opacity:0;pointer-events:none;transition:opacity var(--duration-default) var(--ease-default);justify-content:center;align-items:center;gap:clamp(28px,12vw,56px);display:none;position:absolute;top:50%;transform:translateY(-50%)}.hz-student-theme .vtouch-transport.visible{opacity:1;pointer-events:auto}.hz-student-theme .vtouch-transport:not(.visible){visibility:hidden}.hz-student-theme .vtouch-btn{border-radius:var(--radius-full);width:52px;height:52px;color:var(--pl-fg);background:#060a1099;border:1px solid #ffffff29;place-items:center;display:grid;position:relative}.hz-student-theme .vtouch-btn.is-main{background:#060a10c7;border-color:#ffffff3d;width:64px;height:64px}.hz-student-theme .vtouch-btn b{font-family:var(--font-mono);font-size:9px;font-weight:700;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}@media (pointer:coarse){.hz-student-theme .vtouch-transport{display:flex}.hz-student-theme .vcontrol-btn.skip-btn{display:none}.hz-student-theme .vcontrols-volume-slider,.hz-student-theme .vcontrols-volume:hover .vcontrols-volume-slider,.hz-student-theme .vcontrols-volume:focus-within .vcontrols-volume-slider{width:0;display:none}.hz-student-theme .vcontrols-progress-thumb{transform:translate(50%,-50%)scale(1)}.hz-student-theme .vcontrols-progress-bar{height:5px}.hz-student-theme .vcontrol-btn{width:44px;height:44px}.hz-student-theme .vcontrols-progress-container{height:32px;min-height:32px;padding:13px 0}.hz-student-theme .vtouch-transport{transform:translateY(-58%)}}.hz-student-theme .vbuffering{z-index:5;color:var(--pl-fg-muted);flex-direction:column;gap:12px}.hz-student-theme .vbuffering-ring{border:3px solid #ffffff2e;border-top-color:var(--pl-accent);border-radius:var(--radius-full);width:42px;height:42px;animation:.8s linear infinite vbuffer-spin}.hz-student-theme .vbuffering-label{letter-spacing:.02em;font-size:12.5px;font-weight:600}.hz-student-theme .vstate{z-index:5;background:var(--pl-scrim);color:var(--pl-fg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:clamp(20px,5vw,40px);display:flex;position:absolute;inset:0}.hz-student-theme .vstate-icon{border:1px solid var(--pl-line);border-radius:var(--radius-lg);background:#ffffff0f;place-items:center;width:56px;height:56px;margin-bottom:4px;display:grid}.hz-student-theme .vstate-icon.is-danger{color:var(--ref-color-red-300);border-color:#e5a6a666}.hz-student-theme .vstate-icon.is-success{color:var(--ref-color-green-300);border-color:#b7d89e6b}.hz-student-theme .vstate h3{font-size:19px;font-weight:700}.hz-student-theme .vstate p{max-width:42ch;color:var(--pl-fg-muted);font-size:13.5px;line-height:var(--line-height-relaxed)}.hz-student-theme .vstate-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.hz-student-theme .vstate-btn{border:1px solid var(--pl-line);border-radius:var(--radius-button);min-height:44px;color:var(--pl-fg);transition:background var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);background:#ffffff14;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.hz-student-theme .vstate-btn:hover{background:#ffffff29;border-color:#ffffff47}.hz-student-theme .vstate-btn.is-primary{background:var(--sys-color-action-primary);border-color:#0000}.hz-student-theme .vstate-btn.is-primary:hover{background:var(--sys-color-action-primary-hover)}.hz-student-theme .vstate-btn:disabled{opacity:.55;cursor:not-allowed}.hz-student-theme .lesson-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:clamp(14px,1.5vw,20px);display:flex}.hz-student-theme .lesson-head-copy{gap:8px;min-width:0;display:grid}.hz-student-theme .lesson-title{max-width:26ch;color:var(--sys-color-text-default);letter-spacing:var(--tracking-tight);font-size:clamp(21px,2.2vw,27px);font-weight:700;line-height:var(--line-height-snug)}.hz-student-theme .lesson-meta{color:var(--sys-color-text-muted);flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:13px;display:flex}.hz-student-theme .lesson-meta-item{align-items:center;gap:6px;display:inline-flex}.hz-student-theme .lesson-meta-item svg{color:var(--sys-color-text-subtle);flex-shrink:0}.hz-student-theme .completion-pill{border:1px solid var(--ref-color-green-300);letter-spacing:.01em;height:32px;padding:0 12px;font-size:12px;background:var(--ref-color-green-50)!important;color:var(--ref-color-green-700)!important}.hz-student-theme .learning-item-description{max-width:72ch;color:var(--sys-color-text-muted);margin-top:10px;font-size:14.5px;line-height:1.7}.hz-student-theme .lesson-actions{border-top:1px solid var(--sys-color-border-subtle);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:clamp(16px,1.8vw,22px);padding-top:clamp(13px,1.5vw,18px);display:grid}.hz-student-theme .lesson-nav-btn{border:1px solid var(--sys-color-border-subtle);border-radius:var(--radius-md);background:var(--sys-color-surface-page);min-width:0;min-height:60px;color:var(--sys-color-text-default);text-align:left;transition:border-color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);align-items:center;gap:12px;padding:10px 14px;display:flex}.hz-student-theme .lesson-nav-btn.is-next{text-align:right;justify-content:flex-end}.hz-student-theme .lesson-nav-btn:hover:not(:disabled){border-color:var(--sys-color-border-strong);background:var(--sys-color-surface-subtle)}.hz-student-theme .lesson-nav-btn:focus-visible{outline:2px solid var(--sys-color-border-focus);outline-offset:2px}.hz-student-theme .lesson-nav-btn:disabled{color:var(--sys-color-text-subtle);cursor:not-allowed;background:0 0;border-style:dashed}.hz-student-theme .lesson-nav-btn[aria-disabled=true]{color:var(--sys-color-text-muted)}.hz-student-theme .lesson-nav-btn svg{color:var(--sys-color-text-muted);flex-shrink:0}.hz-student-theme .lesson-nav-copy{gap:2px;min-width:0;display:grid}.hz-student-theme .lesson-nav-copy small{color:var(--sys-color-text-muted);font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:10.5px;font-weight:600}.hz-student-theme .lesson-nav-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.hz-student-theme .lesson-complete-slot{justify-content:center;display:flex}.hz-student-theme .lesson-complete-state{border:1px dashed var(--sys-color-border-strong);border-radius:var(--radius-pill);min-height:44px;color:var(--sys-color-text-muted);text-align:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.hz-student-theme .lesson-complete-state.is-done{border-style:solid;border-color:var(--ref-color-green-300);background:var(--ref-color-green-50);color:var(--ref-color-green-700)}.hz-student-theme .lesson-quiz-card{border-radius:var(--radius-lg);margin-top:clamp(14px,1.6vw,20px)!important}.hz-student-theme .course-roadmap-sidebar{top:calc(var(--learn-nav-h) + 12px);max-height:calc(100vh - var(--learn-nav-h) - 32px);flex-direction:column;display:flex;position:sticky;overflow:hidden;border:1px solid var(--sys-color-border-subtle)!important;border-radius:var(--radius-lg)!important;background:var(--sys-color-surface-page)!important;box-shadow:var(--shadow-xs)!important;padding:0!important}.hz-student-theme .roadmap-sidebar-head{flex-direction:column;align-items:stretch;gap:7px;border-bottom:1px solid var(--sys-color-border-subtle)!important;background:var(--sys-color-surface-subtle)!important;padding:13px 16px 12px!important}.hz-student-theme .rs-head-top{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;display:flex}.hz-student-theme .rs-head-kicker{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;align-items:center;gap:7px;font-weight:600;display:inline-flex;color:var(--sys-color-text-muted)!important;font-size:10.5px!important}.hz-student-theme .rs-head-pct{color:var(--sys-color-action-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.hz-student-theme .rs-head-title{color:var(--sys-color-text-default);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden;font-size:15px!important}.hz-student-theme .rs-head-track{border-radius:var(--radius-pill);background:var(--ref-color-neutral-200);height:6px;overflow:hidden}.hz-student-theme .rs-head-track i{border-radius:inherit;background:var(--sys-color-action-primary);height:100%;transition:width var(--duration-slow) var(--ease-out);display:block}.hz-student-theme .rs-head-count{color:var(--sys-color-text-muted);font-size:12px}.hz-student-theme .roadmap-sidebar-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:6px;overflow-y:auto}.hz-student-theme .roadmap-sidebar-scroll::-webkit-scrollbar{width:8px}.hz-student-theme .roadmap-sidebar-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--ref-color-neutral-300);background-clip:content-box;border:2px solid #0000}.hz-student-theme .roadmap-sidebar-next{border-top:1px solid var(--sys-color-border-subtle);background:var(--sys-color-surface-subtle);flex-shrink:0;padding:10px}.hz-student-theme .roadmap-sidebar-next .journey-banner{border-radius:var(--radius-md);background:var(--sys-color-surface-page);flex-direction:row;align-items:center;gap:10px;margin-top:0;padding:10px 12px 10px 8px}.hz-student-theme .roadmap-sidebar-next .journey-banner-art{width:72px;max-width:72px;margin-inline:0}.hz-student-theme .roadmap-sidebar-next .journey-banner-copy b{font-size:13px}.hz-student-theme .roadmap-sidebar-next .journey-banner-copy span{font-size:12px}.hz-student-theme .lesson-curriculum{gap:4px;list-style:none;display:grid}.hz-student-theme .lc-week+.lc-week{border-top:1px solid var(--sys-color-border-subtle);margin-top:6px;padding-top:10px}.hz-student-theme .lc-week-head{align-items:center;gap:10px;padding:8px 10px 6px;display:flex}.hz-student-theme .lc-week-index{border-radius:var(--radius-xs);background:var(--ref-color-neutral-100);width:24px;height:24px;color:var(--sys-color-text-muted);font-family:var(--font-mono);flex-shrink:0;place-items:center;font-size:11.5px;font-weight:700;display:grid}.hz-student-theme .lc-week.is-done .lc-week-index{background:var(--ref-color-green-50);color:var(--ref-color-green-700)}.hz-student-theme .lc-week-copy{flex:1;gap:1px;min-width:0;display:grid}.hz-student-theme .lc-week-copy b{color:var(--sys-color-text-default);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.hz-student-theme .lc-week-copy small{color:var(--sys-color-text-muted);font-size:11.5px}.hz-student-theme .lc-week-pct{color:var(--sys-color-text-subtle);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.hz-student-theme .lc-week-track{border-radius:var(--radius-pill);background:var(--ref-color-neutral-100);height:3px;margin:0 10px 6px;overflow:hidden}.hz-student-theme .lc-week-track i{border-radius:inherit;background:var(--sys-color-status-success);height:100%;display:block}.hz-student-theme .lc-week.is-locked .lc-week-copy b,.hz-student-theme .lc-week.is-locked .lc-week-copy small{color:var(--sys-color-text-subtle)}.hz-student-theme .lc-items{gap:2px;list-style:none;display:grid}.hz-student-theme .lc-item{border-radius:var(--radius-sm);width:100%;min-height:52px;color:var(--sys-color-text-default);text-align:left;transition:background var(--duration-fast) var(--ease-default);align-items:center;gap:10px;padding:9px 10px 9px 12px;display:flex;position:relative}.hz-student-theme .lc-item:before{border-radius:var(--radius-pill);content:"";background:0 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.hz-student-theme .lc-item:hover{background:var(--sys-color-surface-subtle)}.hz-student-theme .lc-item:focus-visible{outline:2px solid var(--sys-color-border-focus);outline-offset:-2px}.hz-student-theme .lc-item.is-quiz{width:calc(100% - 26px);min-height:46px;margin-inline-start:26px}.hz-student-theme .lc-item.is-quiz:after{border-left:1px solid var(--sys-color-border-strong);border-bottom:1px solid var(--sys-color-border-strong);content:"";border-bottom-left-radius:6px;width:11px;height:calc(50% + 2px);position:absolute;top:-2px;left:-13px}.hz-student-theme .lc-item-marker{border:1px solid var(--sys-color-border-subtle);border-radius:var(--radius-full);background:var(--sys-color-surface-page);width:28px;height:28px;color:var(--sys-color-text-muted);flex-shrink:0;place-items:center;display:grid}.hz-student-theme .lc-item-copy{flex:1;gap:2px;min-width:0;display:grid}.hz-student-theme .lc-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.35;overflow:hidden}.hz-student-theme .lc-item-meta{color:var(--sys-color-text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.hz-student-theme .lc-item-meta>span+span:before{content:"·";margin-inline-end:6px}.hz-student-theme .lc-item-kind{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.hz-student-theme .lc-item-optional{color:var(--sys-color-text-subtle)}.hz-student-theme .lc-item-resume{border-radius:var(--radius-pill);background:var(--ref-color-neutral-200);height:3px;margin-top:4px;overflow:hidden}.hz-student-theme .lc-item-resume i{border-radius:inherit;background:var(--sys-color-action-primary);height:100%;display:block}.hz-student-theme .lc-item-status{color:var(--sys-color-text-subtle);font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;flex-shrink:0;font-size:10px;font-weight:600}.hz-student-theme .lc-item.is-current{background:var(--ref-color-blue-50)}.hz-student-theme .lc-item.is-current:before{background:var(--sys-color-action-primary)}.hz-student-theme .lc-item.is-current .lc-item-title{color:var(--ref-color-blue-900);font-weight:700}.hz-student-theme .lc-item.is-current .lc-item-marker{background:var(--sys-color-action-primary);color:#fff;border-color:#0000}.hz-student-theme .lc-item.is-current .lc-item-status{color:var(--sys-color-action-primary)}.hz-student-theme .lc-item.is-done:before{background:var(--ref-color-green-300)}.hz-student-theme .lc-item.is-done .lc-item-marker{border-color:var(--ref-color-green-300);background:var(--ref-color-green-50);color:var(--ref-color-green-700)}.hz-student-theme .lc-item.is-done .lc-item-title{color:var(--sys-color-text-muted)}.hz-student-theme .lc-item.is-done .lc-item-status{color:var(--ref-color-green-700)}.hz-student-theme .lc-item.is-started:before{background:var(--ref-color-blue-300)}.hz-student-theme .lc-item.is-started .lc-item-marker{border-color:var(--ref-color-blue-300);color:var(--sys-color-action-primary)}.hz-student-theme .lc-item.is-locked{cursor:not-allowed}.hz-student-theme .lc-item.is-locked:hover{background:0 0}.hz-student-theme .lc-item.is-locked .lc-item-title,.hz-student-theme .lc-item.is-locked .lc-item-meta,.hz-student-theme .lc-item.is-locked .lc-item-status{color:var(--sys-color-text-muted)}.hz-student-theme .lc-item.is-locked .lc-item-marker{background:var(--sys-color-surface-subtle);color:var(--sys-color-text-subtle);border-style:dashed}@media (pointer:coarse){.hz-student-theme .lc-item{min-height:56px}.hz-student-theme .lc-item.is-quiz{min-height:52px}}@media (max-width:1023px){.hz-student-theme .video-grid>.course-roadmap-sidebar{max-height:none;position:static}.hz-student-theme .roadmap-sidebar-scroll{max-height:56vh}}@media (max-width:720px){.hz-student-theme{--learn-gutter:14px}.hz-student-theme .video-grid{padding-top:0;padding-bottom:18px}.hz-student-theme.is-lean-shell .coursera-main{padding-block-start:0!important}.hz-student-theme .video-grid .video-stage{margin-inline:calc(var(--learn-gutter) * -1);width:calc(100% + var(--learn-gutter) * 2);box-shadow:none!important;border-radius:0!important}.hz-student-theme .lesson-title{max-width:none;font-size:20px}.hz-student-theme .lesson-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hz-student-theme .lesson-complete-slot{order:-1;grid-column:1/-1}.hz-student-theme .lesson-complete-state,.hz-student-theme .lesson-complete-slot .btn{justify-content:center;width:100%}.hz-student-theme .lesson-nav-btn{min-height:56px}.hz-student-theme .vcontrols-overlay{padding:32px 12px calc(10px + env(safe-area-inset-bottom,0px))}.hz-student-theme .vcontrols-time{margin-inline-start:4px;font-size:11.5px}.hz-student-theme .vcontrols-menu{min-width:172px;max-height:46vh}.hz-student-theme .vstate h3{font-size:17px}.hz-student-theme .vstate p{font-size:13px}.hz-student-theme .vstate-btn{justify-content:center;width:100%}.hz-student-theme .vstate-actions{width:min(320px,100%)}}@media (max-height:460px) and (orientation:landscape){.hz-student-theme .vtouch-btn{width:44px;height:44px}.hz-student-theme .vtouch-btn.is-main{width:52px;height:52px}.hz-student-theme .vcontrols-overlay{padding-top:24px}}.hz-student-theme .student-card-media-side{background:var(--sys-color-surface-subtle);min-height:100%;position:relative;overflow:hidden}.hz-student-theme .student-card-media-side img{object-position:center;width:100%;height:100%}.hz-student-theme .student-card-media-placeholder{background:linear-gradient(135deg, var(--ref-color-blue-800), var(--ref-color-indigo-700));color:#fff;width:100%;height:100%;font-family:var(--font-serif);place-items:center;font-size:clamp(48px,7vw,84px);font-weight:700;display:grid}@media (min-width:769px){.hz-student-theme .student-primary-card{grid-column:span 8/span 8!important;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important}.hz-student-theme .student-progress-card{grid-column:span 4/span 4!important;padding:clamp(28px,2.6vw,40px)!important}.hz-student-theme .student-card-content{padding:clamp(28px,2.8vw,44px)!important}}.hz-student-theme .student-card-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hz-student-theme .student-card-title-pill{border-radius:var(--radius-sm);background:var(--hz-blue-soft);color:var(--sys-color-action-primary);letter-spacing:0;white-space:nowrap;padding:5px 12px;font-size:14px;font-weight:700}.hz-student-theme .student-card-row-link{border:1px solid var(--hz-hairline);border-radius:var(--radius-button);background:var(--sys-color-surface-page);width:100%;min-height:52px;color:var(--sys-color-text-default);font-family:var(--font-sans);text-align:start;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.hz-student-theme .student-card-row-link:hover{border-color:var(--hz-blue);background:var(--hz-blue-soft);color:var(--hz-blue)}.hz-student-theme .student-card-row-link:focus-visible{outline:2px solid var(--sys-color-border-focus);outline-offset:2px}.hz-student-theme .student-card-row-link-copy{align-items:center;gap:12px;min-width:0;display:inline-flex}.hz-student-theme .student-card-row-link-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hz-student-theme .student-card-row-link-copy svg{color:var(--sys-color-action-primary);flex-shrink:0}.hz-student-theme .student-card-row-link>svg{color:var(--sys-color-text-subtle);flex-shrink:0}.hz-student-theme .student-progress-dial{border-radius:var(--radius-full);background:conic-gradient(var(--sys-color-action-primary) var(--dial,0%), var(--ref-color-neutral-200) 0);width:132px;height:132px;transition:background var(--duration-slow) var(--ease-out);place-items:center;margin:4px 0 14px;display:grid}.hz-student-theme .student-progress-dial:before{border-radius:var(--radius-full);background:var(--sys-color-surface-page);content:"";grid-area:1/1;width:106px;height:106px}.hz-student-theme .student-progress-percent{color:var(--sys-color-text-default);font-family:var(--font-mono);font-variant-numeric:tabular-nums;grid-area:1/1;align-items:baseline;font-weight:700;line-height:1;display:flex;font-size:30px!important}.hz-student-theme .student-progress-percent i{opacity:.5;font-size:15px;font-style:normal}.hz-student-theme .student-progress-desc b{color:var(--sys-color-text-default);font-weight:700}.hz-student-theme .student-progress-actions .student-card-btn-secondary{gap:10px}.hz-student-theme .student-progress-actions .student-card-btn-secondary svg{color:var(--sys-color-action-primary);flex-shrink:0}.hz-student-theme .student-progress-facts{border-top:1px solid var(--sys-color-border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:14px;display:grid}.hz-student-theme .student-progress-facts dt{color:var(--sys-color-text-muted);font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:10.5px;font-weight:600}.hz-student-theme .student-progress-facts dd{color:var(--sys-color-text-default);margin-top:3px;font-size:16px;font-weight:700}.hz-student-theme .student-sequence-row{min-height:72px;transition:border-color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);gap:14px;position:relative}.hz-student-theme .student-sequence-row:focus-visible{outline:2px solid var(--sys-color-border-focus);outline-offset:2px}.hz-student-theme .student-row-text p{color:var(--sys-color-text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.hz-student-theme .student-row-text p>span+span:before{color:var(--sys-color-text-subtle);content:"·";margin-inline-end:6px}.hz-student-theme .student-row-badge{border-radius:var(--radius-pill);background:var(--sys-color-surface-subtle);color:var(--sys-color-text-muted);font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;flex-shrink:0;padding:5px 10px;font-size:10px;font-weight:700}.hz-student-theme .student-row-badge.is-current{background:var(--sys-color-action-primary);color:#fff}.hz-student-theme .student-row-badge.is-done{background:var(--ref-color-green-50);color:var(--ref-color-green-700)}.hz-student-theme .student-row-badge.is-locked{border:1px dashed var(--sys-color-border-strong);color:var(--sys-color-text-subtle);background:0 0}.hz-student-theme .student-sequence-row.is-done .student-row-icon-wrap{background:var(--ref-color-green-50)!important;color:var(--ref-color-green-700)!important}.hz-student-theme .student-sequence-row.is-locked{cursor:not-allowed}.hz-student-theme .student-sequence-row.is-locked .student-row-icon-wrap{background:var(--sys-color-surface-subtle)!important;color:var(--sys-color-text-subtle)!important}.hz-student-theme .student-sequence-row.is-locked .student-row-text h4{color:var(--sys-color-text-muted)}.hz-student-theme .student-sequence-row.is-upcoming .student-row-icon-wrap{background:var(--sys-color-surface-subtle)!important;color:var(--sys-color-text-muted)!important}.hz-student-theme .student-library-cards{grid-template-columns:repeat(auto-fill,minmax(288px,1fr))!important;gap:clamp(16px,2vw,22px)!important;display:grid!important}.hz-student-theme .student-course-card{min-width:0}.hz-student-theme .student-course-card-image-wrap img{width:100%;height:100%}@media (max-width:768px){.hz-student-theme .student-card-media-side{order:-1}.hz-student-theme .student-progress-dial{margin-inline:auto}}@media (max-width:560px){.hz-student-theme .student-sequence-row{gap:12px;flex-direction:row!important;align-items:flex-start!important}.hz-student-theme .student-row-badge{align-self:center}.hz-student-theme .student-library-cards{grid-template-columns:minmax(0,1fr)!important}}.journey-illustration{width:100%;max-width:100%;height:auto;display:block}.hz-student-theme .journey-pane{border:1px solid var(--sys-color-border-subtle);border-radius:var(--radius-lg);background:var(--sys-color-surface-page);text-align:center;justify-items:center;gap:clamp(4px,1.4vw,12px);padding:clamp(24px,4vw,44px) clamp(20px,4vw,40px) clamp(28px,4vw,44px);display:grid}.hz-student-theme .journey-pane-art{width:min(320px,76%)}.hz-student-theme .journey-pane.is-compact{background:0 0;border:0;padding:0 4px 4px}.hz-student-theme .journey-pane.is-compact .journey-pane-art{width:min(232px,64%)}.hz-student-theme .journey-pane-copy{justify-items:center;gap:8px;max-width:46ch;display:grid}.hz-student-theme .journey-pane-kicker{color:var(--sys-color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-overline);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-overline);text-transform:uppercase}.hz-student-theme .journey-pane h3{color:var(--sys-color-text-default);font-size:clamp(17px,2.2vw,21px);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.hz-student-theme .journey-pane p{color:var(--sys-color-text-muted);font-size:14px;line-height:var(--line-height-relaxed)}.hz-student-theme .journey-pane-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:320px;margin-top:8px;display:flex}.hz-student-theme .journey-banner{border:1px solid var(--sys-color-border-subtle);border-radius:var(--radius-lg);background:linear-gradient(120deg, var(--ref-color-neutral-50), var(--sys-color-surface-page) 62%);align-items:center;gap:14px;margin-top:clamp(18px,2.4vw,28px);padding:14px 18px 14px 12px;display:flex}.hz-student-theme .journey-banner-art{flex-shrink:0;width:108px}.hz-student-theme .journey-banner-copy{gap:3px;min-width:0;display:grid}.hz-student-theme .journey-banner-copy b{color:var(--sys-color-text-default);font-size:14px;font-weight:var(--font-weight-bold)}.hz-student-theme .journey-banner-copy span{color:var(--sys-color-text-muted);font-size:12.5px;line-height:var(--line-height-relaxed)}.hz-student-theme .hz-course-sidebar-col .journey-banner{flex-direction:column;align-items:flex-start;padding:16px}.hz-student-theme .hz-course-sidebar-col .journey-banner-art{width:100%;max-width:200px;margin-inline:auto}@media (max-width:560px){.hz-student-theme .journey-banner{flex-direction:column;align-items:flex-start;padding:16px}.hz-student-theme .journey-banner-art{width:100%;max-width:190px;margin-inline:auto}}.hz-student-theme .student-card-media-side,.hz-student-theme .student-course-card-image-wrap{isolation:isolate;position:relative;overflow:hidden;background:var(--ref-color-neutral-100)!important}.hz-student-theme .student-card-media-side img.course-art,.hz-student-theme .student-course-card-image-wrap img.course-art{z-index:1;object-fit:contain!important;object-position:center!important;border-radius:0!important;width:100%!important;height:100%!important;display:block!important;position:relative!important}.hz-student-theme .student-card-media-side{align-self:center;padding:clamp(14px,1.8vw,30px);aspect-ratio:auto!important;background:0 0!important;min-height:0!important}.hz-student-theme .student-card-media-side img.course-art{aspect-ratio:auto 16/9;max-height:78vw;margin-inline:auto;width:100%!important;height:auto!important}@media (min-width:769px){.hz-student-theme .student-card-media-side img.course-art{max-height:clamp(200px,24vw,340px)}}.hz-student-theme .student-card-media-placeholder{aspect-ratio:16/9;height:auto!important}.hz-student-theme .student-card-media-side img.course-art,.hz-student-theme .student-card-media-placeholder{border-radius:var(--radius-md)!important}.hz-student-theme .student-course-card-badge-left,.hz-student-theme .student-course-card-badge-right{z-index:3}.hz-student-theme .student-course-card-image-wrap{aspect-ratio:16/9;height:auto!important}.hz-student-theme .student-course-card-image-wrap img.course-art,.hz-student-theme .student-course-card-image-wrap .student-course-card-image-placeholder{position:absolute!important;inset:0!important}.hz-student-theme .cc-banner{aspect-ratio:16/9;background:var(--ref-color-neutral-100)!important;height:auto!important}.hz-student-theme .cc-thumb{object-fit:contain!important;object-position:center!important}.hz-student-theme .class-card:hover .cc-thumb{transform:none}.hz-student-theme .account-settings{gap:clamp(18px,2.4vw,26px);width:min(100%,860px);margin:0 auto;padding-block:clamp(8px,2vw,20px) clamp(24px,4vw,48px);display:grid}.hz-student-theme .account-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hz-student-theme .account-identity{align-items:center;gap:14px;min-width:0;display:flex}.hz-student-theme .account-avatar{border-radius:var(--radius-full);background:var(--sys-color-surface-dark);width:52px;height:52px;color:var(--sys-color-text-inverse);font-size:17px;font-weight:var(--font-weight-bold);flex-shrink:0;place-items:center;display:grid}.hz-student-theme .account-head h1{color:var(--sys-color-text-default);font-size:clamp(24px,3.4vw,34px);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--line-height-tight)}.hz-student-theme .account-head p{color:var(--sys-color-text-muted);font-family:var(--font-mono);margin-top:3px;font-size:12.5px}.hz-student-theme .account-summary{border:1px solid var(--sys-color-border-subtle);border-radius:var(--radius-lg);background:var(--sys-color-border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.hz-student-theme .account-metric{background:var(--sys-color-surface-page);gap:4px;padding:16px 18px;display:grid}.hz-student-theme .account-metric span{color:var(--sys-color-text-muted);font-family:var(--font-mono);font-size:10.5px;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase}.hz-student-theme .account-metric b{color:var(--sys-color-text-default);font-size:22px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.hz-student-theme .account-card{border:1px solid var(--sys-color-border-subtle);border-radius:var(--radius-lg);background:var(--sys-color-surface-page);padding:clamp(20px,3vw,28px)}.hz-student-theme .account-card-quiet{background:var(--sys-color-surface-subtle)}.hz-student-theme .account-card-head h2{color:var(--sys-color-text-default);font-size:18px;font-weight:var(--font-weight-bold)}.hz-student-theme .account-card-head p{max-width:62ch;color:var(--sys-color-text-muted);font-size:13.5px;line-height:var(--line-height-relaxed);margin-top:5px}.hz-student-theme .account-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,18px);margin-top:clamp(18px,2.4vw,24px);display:grid}.hz-student-theme .account-field{gap:6px;min-width:0;display:grid}.hz-student-theme .account-field dt{color:var(--sys-color-text-default);font-size:13px;font-weight:var(--font-weight-semibold)}.hz-student-theme .account-field dd{border:1px solid var(--sys-color-border-subtle);border-radius:var(--radius-sm);background:var(--sys-color-surface-subtle);min-height:46px;color:var(--sys-color-text-default);text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:12px 14px;font-size:14.5px;display:flex;overflow:hidden}.hz-student-theme .account-actions{flex-wrap:wrap;gap:10px;margin-top:clamp(16px,2vw,20px);display:flex}@media (max-width:620px){.hz-student-theme .account-fields,.hz-student-theme .account-summary{grid-template-columns:minmax(0,1fr)}.hz-student-theme .account-actions .btn{flex:160px}}.hz-student-theme .profile-btn,.hz-teacher-theme .profile-btn{border:1px solid #0000;gap:0;padding:3px!important}.hz-student-theme .profile-btn:hover,.hz-student-theme .profile-btn.open,.hz-teacher-theme .profile-btn:hover,.hz-teacher-theme .profile-btn.open{border-color:var(--sys-color-border-subtle);background:var(--sys-color-surface-subtle)}.hz-student-theme .profile-btn:focus-visible,.hz-teacher-theme .profile-btn:focus-visible{outline:2px solid var(--sys-color-border-focus);outline-offset:2px}
