:root{--bg:#f7f8fa;--ink:#1f2933;--muted:#64748b;--primary:#607d8b;--primary-dark:#466087;--accent:#03a9f4;--accent-soft:#f0f8fd;--course-header:#94afd6;--line:#e2e8f0;--card:#fff;--footer:#37474f;--premium:#fc0;--radius:10px;--shadow:0 4px 18px #0f172a14;--font-display:var(--font-nunito), "Nunito", system-ui, sans-serif;--font-body:var(--font-work-sans), "Work Sans", system-ui, sans-serif;--container:1200px}*{box-sizing:border-box}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-underline-offset:.15em}a:hover{color:var(--accent)}.container{width:min(100% - 2rem, var(--container));margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.site-header__inner{min-height:64px;width:min(100% - 2rem, var(--container));justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.site-brand{font-family:var(--font-display);color:var(--ink);font-size:1.35rem;font-weight:800;text-decoration:none}.site-nav{flex-wrap:wrap;align-items:center;gap:.75rem 1.15rem;display:flex}.site-nav a{color:var(--ink);font-size:.95rem;font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--accent)}.site-nav__app{border-radius:var(--radius);background:var(--primary);padding:.45rem .95rem;font-weight:600;color:#fff!important}.site-nav__app:hover{background:var(--primary-dark);color:#fff!important}.site-main{padding-bottom:3rem}.site-footer{background:var(--footer);color:#cfd8dc;padding:1.75rem 0;font-size:.95rem}.site-footer a{color:#fff;margin-right:1rem;text-decoration:none}.site-footer a:hover{color:var(--accent)}.button{border-radius:var(--radius);text-transform:none;border:1px solid #0000;justify-content:center;align-items:center;min-height:40px;padding:.55rem 1.15rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.button--primary{background:var(--primary);color:#fff}.button--primary:hover{background:var(--primary-dark);color:#fff}.button--accent{color:var(--accent);background:#fff}.button--accent:hover{background:var(--accent-soft);color:var(--accent)}.button--ghost{color:var(--ink);background:0 0;border-color:#b0bec5}.button--ghost:hover{border-color:var(--primary);color:var(--primary)}.button--on-dark{color:#fff;background:0 0;border-color:#ffffffb3}.button--on-dark:hover{color:#fff;background:#ffffff1f}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.hero-band{color:#fff;background:linear-gradient(-5deg,#f0f8fd 0%,#03a9f4 100%);padding:4.5rem 0 5.5rem;position:relative;overflow:hidden}.hero-band--tall{align-items:center;min-height:min(72vh,640px);display:flex}.hero-band__eyebrow{font-family:var(--font-display);letter-spacing:.02em;opacity:.95;margin:0 0 .75rem;font-size:1rem;font-weight:600}.hero-band h1{font-family:var(--font-display);max-width:18ch;margin:0 0 1rem;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.15}.hero-band p{opacity:.95;max-width:38rem;margin:0 0 1.5rem;font-size:1.1rem}.hero-band__divider{pointer-events:none;width:100%;height:auto;position:absolute;bottom:-1px;left:0;right:0}.page-intro{padding:2.5rem 0 1rem}.page-intro h1{font-family:var(--font-display);margin:0 0 .75rem;font-size:clamp(1.85rem,3vw,2.4rem)}.page-intro p{color:var(--muted);max-width:42rem;margin:0 0 1rem;font-size:1.05rem}.feature-rows{background:#fff;padding:3rem 0}.feature-row{align-items:center;gap:1.75rem;margin-bottom:3rem;display:grid}@media (min-width:800px){.feature-row{grid-template-columns:1fr 1fr;gap:2.5rem}.feature-row--left .feature-row__media{order:-1}}.feature-row h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.45rem;line-height:1.3}.feature-row p{color:var(--muted);margin:0 0 .75rem}.feature-row__media img{width:100%;box-shadow:var(--shadow);border-radius:12px}.edu-band{text-align:center;background:linear-gradient(#e3f2fd 0%,#bbdefb 100%);padding:3.5rem 0}.edu-band h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.75rem}.edu-band p{max-width:36rem;color:var(--muted);margin:0 auto}.course-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.course-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid;overflow:hidden}.course-card:hover{color:inherit;transform:translateY(-2px);box-shadow:0 10px 28px #0f172a1f}@media (min-width:700px){.course-card{grid-template-columns:35% 65%;min-height:180px}}.course-card__media{background:#cfd8dc 50%/cover no-repeat;min-height:160px}.course-card__body{flex-direction:column;gap:.5rem;padding:1.15rem 1.35rem;display:flex}.course-card__title{font-family:var(--font-display);align-items:center;gap:.4rem;margin:0;font-size:1.2rem;font-weight:700;display:flex}.course-card__premium{color:var(--premium);font-size:.95rem}.course-card__desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.course-card__meta{color:var(--muted);margin-top:auto;font-size:.9rem}.section{padding:2.5rem 0}.section--tight{padding-top:1.5rem}.section-title{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.75rem}.section-lead{color:var(--muted);margin:0 0 1.5rem}.empty{border-radius:var(--radius);color:var(--muted);background:#fff;border:1px dashed #c5d3dc;padding:1.25rem}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.learn-card{color:inherit;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;text-decoration:none;transition:transform .15s;display:flex;overflow:hidden}.learn-card:hover{color:inherit;transform:translateY(-2px)}.learn-card__media{background:#90a4ae 50%/cover no-repeat;padding-top:60%;position:relative}.learn-card__media:after{content:"";opacity:0;background:linear-gradient(#0000 45%,#00000059);transition:opacity .15s;position:absolute;inset:0}.learn-card:hover .learn-card__media:after{opacity:1}.learn-card__play{color:#fff;opacity:0;z-index:1;place-items:center;font-size:2rem;transition:opacity .15s;display:grid;position:absolute;inset:0}.learn-card:hover .learn-card__play{opacity:1}.learn-card__index{z-index:1;color:#fff;text-shadow:0 1px 3px #00000073;font-size:.85rem;font-weight:700;position:absolute;bottom:.5rem;left:.65rem}.learn-card__body{padding:.85rem 1rem 1.1rem}.learn-card__title{font-family:var(--font-display);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.learn-card__desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.learn-card__meta{color:var(--muted);text-transform:capitalize;margin:.4rem 0 0;font-size:.8rem}.filter-chips{flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;display:flex}.filter-chip{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;text-decoration:none;display:inline-flex}.filter-chip:hover,.filter-chip--active{border-color:var(--primary);color:var(--primary);background:#eceff1}.course-detail__header{background:var(--course-header);color:#fff;padding:2rem 0 2.5rem}.course-detail__back{color:#fff;font-size:.95rem;font-weight:500;text-decoration:none}.course-detail__back:hover{color:#e3f2fd}.course-detail__layout{gap:2rem;margin-top:1.25rem;display:grid}@media (min-width:900px){.course-detail__layout{grid-template-columns:1fr 320px;align-items:start}}.course-detail__header h1{font-family:var(--font-display);margin:.75rem 0;font-size:clamp(1.75rem,3vw,2.4rem)}.course-detail__desc{opacity:.95;max-width:40rem;margin:0 0 1rem}.course-detail__meta{opacity:.95;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.95rem;display:flex}.course-detail__meta a{color:#fff}.course-detail__aside{color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.course-detail__preview{background:#90a4ae 50%/cover no-repeat;min-height:180px;position:relative}.course-detail__preview-label{color:#fff;background:#00000059;place-items:center;font-weight:700;text-decoration:none;display:grid;position:absolute;inset:0}.course-detail__aside-body{padding:1.15rem}.course-detail__aside-body .button{width:100%;margin-bottom:.75rem}.whats-included{color:var(--muted);margin:0;padding:0;font-size:.9rem;list-style:none}.whats-included li{border-bottom:1px solid var(--line);padding:.35rem 0}.whats-included li:last-child{border-bottom:0}.course-detail__body{padding:2rem 0}.chip-row{flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.chip{color:var(--ink);background:#e8eef2;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.unit-list{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin:0;padding:0;list-style:none;overflow:hidden}.unit-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.9rem 1.15rem;font-size:.95rem;display:flex}.unit-list li:last-child{border-bottom:0}.unit-list__section{font-weight:700;font-family:var(--font-display);background:#eceff1}.unit-list__muted{color:var(--muted);white-space:nowrap;font-size:.85rem}.detail-simple{padding:2rem 0}.detail-simple__hero{gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (min-width:720px){.detail-simple__hero{grid-template-columns:280px 1fr;align-items:start}}.detail-simple__art{border-radius:var(--radius);min-height:180px;box-shadow:var(--shadow);background:#90a4ae 50%/cover no-repeat}.detail-simple h1{font-family:var(--font-display);margin:0 0 .5rem;font-size:clamp(1.7rem,3vw,2.3rem)}.detail-simple__desc{color:var(--muted);max-width:40rem}.meta-row{color:var(--muted);flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 1rem;font-size:.95rem;display:flex}