.courses-page{height:calc(100dvh - 58px);overflow-y:auto;background:var(--bg);color:var(--text)}.courses-shell{max-width:1240px;margin:auto;padding:0 40px}.courses-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:72px;align-items:center;padding:64px 0 48px;border-bottom:1px solid var(--border)}.courses-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 11px var(--display);letter-spacing:.16em;color:var(--accent);margin-bottom:20px}.courses-eyebrow:before{content:"";width:16px;height:1.5px;border-radius:1px;background:var(--grad-brand);flex:none}.courses-hero h1{font:700 clamp(30px,3.4vw,44px) var(--display);line-height:1.18;letter-spacing:-.045em;color:var(--text)}.courses-hero h1 span{color:var(--accent)}@supports (background-clip:text){.courses-hero h1 span{background:var(--grad-brand);background-clip:text;-webkit-background-clip:text;color:transparent}}.courses-intro{font-size:14px;line-height:1.85;max-width:490px;margin-top:20px;color:var(--muted)}.courses-subject-link{display:inline-flex;gap:16px;margin-top:22px;font:600 13px var(--display);color:var(--accent)}.courses-note{padding:28px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-2);background-image:radial-gradient(ellipse 70% 60% at 85% 0,var(--accent-soft),transparent 70%);box-shadow:var(--shadow-card)}.courses-note-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--teal-soft);color:var(--teal);margin-bottom:24px}.courses-note p{font:600 17px var(--display);letter-spacing:-.02em;margin-bottom:8px;color:var(--text)}.courses-note>span:not(.courses-note-icon){display:block;max-width:260px;font-size:12px;line-height:1.8;color:var(--muted)}.courses-note>div{border-top:1px solid var(--border-2);margin-top:22px;padding-top:18px;font-size:11px;color:var(--muted)}.courses-note strong{color:var(--text)}.courses-note>div>span{padding:0 8px}.courses-library{padding-top:32px}.courses-library-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:22px}.courses-library-heading h2{font:600 23px var(--display);letter-spacing:-.025em;color:var(--text)}.courses-library-heading>span{color:var(--muted);font-size:12px}.courses-search,.courses-toolbar{display:flex;gap:12px}.courses-search{align-items:center;flex:1;border:1px solid var(--border);border-radius:var(--radius-pill);padding:0 18px;background:var(--bg-2);transition:border-color .15s,box-shadow .15s}.courses-search>span:first-child{font-size:25px;color:var(--muted)}.courses-search input{width:100%;min-width:0;padding:13px 0;font:inherit;font-size:13px;background:transparent;color:var(--text);border:0;outline:none}.courses-search input::placeholder{color:var(--muted)}.courses-search:focus-within{border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.courses-select select{height:46px;width:210px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-2);color:var(--text);font:inherit;font-size:12px}.courses-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.courses-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-2);color:var(--muted);font:500 12px var(--display);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.courses-tag span{font:10px var(--mono);opacity:.75}.courses-tag:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.courses-tag[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);font-weight:600}.courses-tag--more{border-style:dashed}.course-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;list-style:none;padding:0}.course-tags li{font:500 10.5px var(--mono);padding:3px 8px;border-radius:var(--radius-pill);background:var(--bg-2);color:var(--muted)}.courses-filter-row{margin-top:20px;border-bottom:1px solid var(--border)}.courses-tabs{display:flex;gap:24px;overflow-x:auto}.courses-tabs button{display:inline-flex;align-items:center;gap:8px;padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);white-space:nowrap;font:500 12px var(--display);cursor:pointer}.courses-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.courses-tabs button span{font:10px var(--mono);padding:2px 7px;border-radius:var(--radius-pill);background:var(--bg-2);color:var(--muted)}.courses-results{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.courses-empty button,.courses-results button{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;font-weight:600}.courses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--panel);box-shadow:var(--shadow-card);padding:22px 22px 0;transition:border-color .15s,box-shadow .15s,transform .15s;min-width:0}.course-card:has(a):hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.course-card:focus-within{outline:2px solid var(--accent);outline-offset:4px}.course-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:26px}.course-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--bg-2);border:1px solid var(--border);color:var(--muted);border-radius:12px}.course-icon .ic{width:20px;height:20px}.course-card--live .course-icon{background:var(--accent-soft);color:var(--accent);border-color:transparent}.course-badge{font:600 10.5px var(--display);border-radius:var(--radius-pill);padding:4px 9px;background:var(--bg-2);color:var(--muted)}.course-badge--live{background:var(--teal-soft);color:var(--teal)}.course-badge--outline{background:var(--amber-soft);color:var(--amber)}.course-category{font:600 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.course-card h3{font:600 19px var(--display);line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere;color:var(--text);transition:color .15s}.course-card:has(a):hover h3{color:var(--accent)}.course-description{margin-top:9px;font-size:12.5px;line-height:1.7;color:var(--muted);flex:1}.course-meta{margin:22px 0 18px;font-size:10.5px;line-height:1.8;color:var(--muted)}.course-meta span{padding:0 4px}.course-card-footer{border-top:1px solid var(--border);font:600 12px var(--display)}.course-card-footer a{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--accent);padding:16px 0}.course-card-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.courses-page .course-card-link:focus-visible{outline:none}.course-card-footer>span{display:block;padding:16px 0;color:var(--muted);font-weight:400}.courses-empty{padding:64px 20px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-2)}.courses-empty>.ic{margin:0 auto 16px;color:var(--accent)}.courses-empty h3{font:600 18px var(--display)}.courses-empty p{margin:12px auto 20px;max-width:420px;color:var(--muted);font-size:13px}.courses-footer{text-align:center;padding:40px 0;font-size:11px;color:var(--muted)}.courses-page :is(button,a,select):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:960px){.courses-hero{gap:30px}.courses-shell{padding:0 24px}.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.courses-note{padding:22px}}@media (max-width:640px){.courses-shell{padding:0 18px}.courses-hero{grid-template-columns:1fr;padding:32px 0;gap:24px}.courses-hero h1{font-size:32px}.courses-note{padding:20px}.courses-note-icon{margin-bottom:14px}.courses-note>span:not(.courses-note-icon){max-width:none}.courses-library-heading{justify-content:space-between;gap:8px}.courses-library-heading>span{font-size:10px}.courses-toolbar{flex-direction:column}.courses-select select{width:100%}.courses-tabs{gap:20px}.courses-grid{grid-template-columns:1fr}.courses-tabs button{font-size:11px}.course-card{padding:20px 20px 0}.course-card-top{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.course-card{transition:none}.course-card:has(a):hover{transform:none}}