.course-carousel.svelte-1p8l18v{position:relative;outline:none}.course-carousel.svelte-1p8l18v:focus-visible{border-radius:24px;box-shadow:0 0 0 4px #ff9f4333}.carousel-viewport.svelte-1p8l18v{position:relative;height:380px;overflow:hidden;perspective:1100px;perspective-origin:50% 48%}.course-card.svelte-1p8l18v{position:absolute;top:50%;left:50%;display:flex;width:380px;height:300px;flex-direction:column;overflow:hidden;border:2px solid rgba(255,159,67,.2);border-radius:24px;background:linear-gradient(rgba(212,197,169,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(212,197,169,.06) 1px,transparent 1px),linear-gradient(145deg,#fff,#fff9ed);background-size:22px 22px,22px 22px,auto;padding:20px 22px;box-shadow:0 8px 24px #ff9f431a;cursor:pointer;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .65s ease,opacity .65s ease,box-shadow .65s ease,border-color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.course-card[data-position="0"].svelte-1p8l18v{z-index:5;cursor:default;transform:translate(-50%,-50%) translate3d(0,-8px,72px) scale(1) rotateY(0);filter:none;opacity:1;border-color:#ff9f43a8;box-shadow:0 12px 32px #ff9f432e}.course-card[data-position="-1"].svelte-1p8l18v{z-index:4;transform:translate(-50%,-50%) translate3d(-175px,10px,10px) scale(.87) rotateY(8deg);filter:blur(1.2px) saturate(.9)}.course-card[data-position="1"].svelte-1p8l18v{z-index:4;transform:translate(-50%,-50%) translate3d(175px,10px,10px) scale(.87) rotateY(-8deg);filter:blur(1.2px) saturate(.9)}.course-card[data-position="-2"].svelte-1p8l18v{z-index:3;transform:translate(-50%,-50%) translate3d(-310px,22px,-30px) scale(.76) rotateY(14deg);filter:blur(2.8px) saturate(.78)}.course-card[data-position="2"].svelte-1p8l18v{z-index:3;transform:translate(-50%,-50%) translate3d(310px,22px,-30px) scale(.76) rotateY(-14deg);filter:blur(2.8px) saturate(.78)}.card-topline.svelte-1p8l18v{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-emoji.svelte-1p8l18v{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:14px;background:#ffeaa794;font-size:1.85rem;box-shadow:inset 0 0 0 1px #ff9f4321}.lesson-order.svelte-1p8l18v{border-radius:999px;background:#1e4a3a;padding:5px 11px;color:#ffe066;font-size:.82rem;font-weight:800}.lesson-title.svelte-1p8l18v{margin-top:13px;color:#2c3e50;font-family:Nunito,Noto Sans SC,sans-serif;font-size:1.28rem;font-weight:800;line-height:1.3}.lesson-summary.svelte-1p8l18v{display:-webkit-box;margin-top:7px;overflow:hidden;color:#64748b;font-size:.92rem;line-height:1.48;-webkit-box-orient:vertical;-webkit-line-clamp:3}.lesson-tags.svelte-1p8l18v{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:14px}.lesson-tags.svelte-1p8l18v span:where(.svelte-1p8l18v){border-radius:999px;background:#fff4d6;padding:3px 8px;color:#a85d16;font-size:.78rem;font-weight:700}.lesson-link.svelte-1p8l18v{display:inline-flex;align-self:flex-end;align-items:center;gap:5px;margin-top:10px;border-radius:999px;background:linear-gradient(135deg,#ff9f43,coral);padding:7px 14px;color:#fff;font-size:.86rem;font-weight:800;box-shadow:0 6px 16px #ff7f503d;transition:transform .18s ease,box-shadow .18s ease}.lesson-link.svelte-1p8l18v:hover,.lesson-link.svelte-1p8l18v:focus-visible{transform:translateY(-2px);box-shadow:0 9px 20px #ff7f5054;outline:none}.lesson-link.svelte-1p8l18v:focus-visible{box-shadow:0 0 0 4px #ff9f4338,0 9px 20px #ff7f5054}.carousel-controls.svelte-1p8l18v{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin-top:2px}.nav-button.svelte-1p8l18v,.carousel-dots.svelte-1p8l18v button:where(.svelte-1p8l18v){border:0;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.nav-button.svelte-1p8l18v{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid rgba(255,159,67,.2);border-radius:999px;background:#fff;color:#d86f20;font-size:1.1rem;font-weight:800;box-shadow:0 4px 12px #2c3e5014}.nav-button.svelte-1p8l18v:hover{transform:translateY(-2px);background:#fff6e9}.carousel-dots.svelte-1p8l18v{display:flex;align-items:center;gap:8px;padding:8px 4px}.carousel-dots.svelte-1p8l18v button:where(.svelte-1p8l18v){width:8px;height:8px;border-radius:999px;background:#d8cdbb;padding:0;transition:width .3s ease,height .3s ease,background .3s ease}.carousel-dots.svelte-1p8l18v button.active:where(.svelte-1p8l18v){width:26px;height:8px;background:#ff8b36;box-shadow:0 0 0 4px #ff9f4326}.nav-button.svelte-1p8l18v:focus-visible,.carousel-dots.svelte-1p8l18v button:where(.svelte-1p8l18v):focus-visible{outline:3px solid rgba(255,159,67,.35);outline-offset:3px}@media(max-width:1023px){.course-card[data-position="-2"].svelte-1p8l18v,.course-card[data-position="2"].svelte-1p8l18v{display:none}.course-card[data-position="-1"].svelte-1p8l18v{transform:translate(-50%,-50%) translate3d(-170px,12px,0) scale(.84) rotateY(8deg)}.course-card[data-position="1"].svelte-1p8l18v{transform:translate(-50%,-50%) translate3d(170px,12px,0) scale(.84) rotateY(-8deg)}}@media(max-width:639px){.carousel-viewport.svelte-1p8l18v{height:360px}.course-card.svelte-1p8l18v{width:min(380px,calc(100vw - 48px));height:290px;padding:18px 19px}.course-card[data-position="-1"].svelte-1p8l18v,.course-card[data-position="1"].svelte-1p8l18v{display:none}.lesson-title.svelte-1p8l18v{font-size:1.15rem}.carousel-controls.svelte-1p8l18v{gap:9px}.nav-button.svelte-1p8l18v{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.course-card.svelte-1p8l18v,.lesson-link.svelte-1p8l18v,.nav-button.svelte-1p8l18v,.carousel-dots.svelte-1p8l18v button:where(.svelte-1p8l18v){transition-duration:.12s}.course-card[data-position="0"].svelte-1p8l18v{transform:translate(-50%,-50%)}.course-card[data-position="-1"].svelte-1p8l18v{transform:translate(-50%,-50%) translate(-170px) scale(.84)}.course-card[data-position="1"].svelte-1p8l18v{transform:translate(-50%,-50%) translate(170px) scale(.84)}.course-card[data-position="-2"].svelte-1p8l18v{transform:translate(-50%,-50%) translate(-305px) scale(.75)}.course-card[data-position="2"].svelte-1p8l18v{transform:translate(-50%,-50%) translate(305px) scale(.75)}}
