.ka .course-hero{padding:40px 0 8px;position:relative}.ka .course-hero:before{content:"";background:radial-gradient(circle at 70% 30%, var(--accent-glow), transparent 70%);filter:blur(18px);pointer-events:none;z-index:-1;width:420px;max-width:60%;height:260px;position:absolute;top:-30px;right:-50px}.ka .course-hero .head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.ka .course-hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:640px;margin-top:14px;font-size:33px;font-weight:800}.ka .course-hero p{color:var(--muted);max-width:560px;margin-top:12px;font-size:15px}.ka .hero-stats{flex-wrap:wrap;gap:24px;display:flex}.ka .hero-stat{border-left:1px solid var(--border);padding-left:24px}.ka .hero-stat:first-child{border-left:none;padding-left:0}.ka .hero-stat .n{letter-spacing:-.02em;font-size:26px;font-weight:800}.ka .hero-stat .l{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:11px}.ka .filter-bar{flex-wrap:wrap;align-items:center;gap:14px;margin:30px 0 26px;padding-block:4px;display:flex}.ka .filters{flex-wrap:wrap;gap:8px;display:flex}.ka .filter{color:var(--ink-2);border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 15px;font-family:Inter;font-size:13px;font-weight:500;transition:all .16s}.ka .filter:hover{border-color:var(--border-strong);color:var(--ink)}.ka .filter.active{background:linear-gradient(135deg, var(--accent-line), var(--signal-bright));color:#fff;box-shadow:0 6px 16px var(--accent-glow);border-color:#0000;font-weight:600}.ka .search-box{margin-left:auto;position:relative}.ka .search-box svg{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ka .search-box input{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:999px;width:240px;padding:9px 14px 9px 36px;font-family:Inter;font-size:13.5px}.ka .search-box input:focus{outline:2px solid var(--accent-line);outline-offset:1px;border-color:#0000}.ka .course-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.ka .course-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s,border-color .24s;display:flex;position:relative;overflow:hidden}.ka .course-card:hover{box-shadow:var(--shadow-lift);border-color:var(--border-strong);transform:translateY(-4px)}.ka .course-cover{aspect-ratio:16/9;background:radial-gradient(130% 120% at 12% 12%, color-mix(in srgb, var(--t,var(--accent)) 34%, var(--surface)), transparent 58%), radial-gradient(130% 120% at 88% 92%, color-mix(in srgb, var(--t2,var(--signal)) 30%, var(--surface)), transparent 58%), linear-gradient(135deg, color-mix(in srgb, var(--t,var(--accent)) 15%, var(--surface)), color-mix(in srgb, var(--t2,var(--signal)) 13%, var(--surface)));border-bottom:1px solid var(--border);place-items:center;display:grid;position:relative;overflow:hidden}.ka .course-cover img{object-fit:cover;width:100%;height:100%}.ka .glyph-wrap{background:color-mix(in srgb, var(--surface) 62%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb, var(--t,var(--accent)) 42%, var(--border));width:56px;height:56px;color:color-mix(in srgb, var(--t,var(--accent)) 80%, var(--ink));border-radius:16px;place-items:center;font-size:18px;font-weight:800;display:grid}.ka .course-cover .lvl{z-index:1;font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--ink-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb, var(--t,var(--accent)) 35%, var(--border));border-radius:999px;padding:4px 9px;font-size:10.5px;position:absolute;top:12px;left:12px}.ka .course-cover .dur{z-index:1;font-family:var(--font-ui);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080f1b9e;border-radius:999px;padding:4px 9px;font-size:11px;position:absolute;bottom:12px;right:12px}.ka .course-body{flex-direction:column;flex:1;gap:10px;padding:16px 18px 18px;display:flex}.ka .course-cat{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:10.5px}.ka .course-card h3{letter-spacing:-.01em;font-size:16.5px;font-weight:700;line-height:1.35}.ka .course-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.ka .course-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.ka .price-row{flex-direction:column;display:flex}.ka .price{letter-spacing:-.01em;font-size:17px;font-weight:800}.ka .price-old{color:var(--muted);font-size:12px;text-decoration:line-through}@media (max-width:960px){.ka .course-grid{grid-template-columns:repeat(2,1fr)}.ka .search-box{margin-left:0}.ka .search-box input{width:100%}}@media (max-width:560px){.ka .course-grid{grid-template-columns:1fr}.ka .course-hero h1{font-size:26px}}