:root{--brand-1: #0ea5e9;--brand-glow-light: color-mix(in srgb, var(--brand-1) 50%, transparent);--brand-glow-dark: color-mix(in srgb, var(--brand-1) 70%, transparent);--card-bg-light: linear-gradient(180deg, rgba(239,68,68,.05) 0%, #fff 100%);--card-bg-dark: linear-gradient(180deg, rgba(239,68,68,.05) 0%, #0c0c0e 100%);--card-text-light: #111;--card-text-dark: #fff;--card-muted-light: #666;--card-muted-dark: rgba(255,255,255,.7);--badge-bg-level-light: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--badge-bg-level-dark: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--badge-bg-time-light: linear-gradient(135deg, #34d399 0%, #10b981 100%);--badge-bg-time-dark: linear-gradient(135deg, #10b981 0%, #059669 100%);--badge-bg-date-light: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--badge-bg-date-dark: linear-gradient(135deg, #f59e0b 0%, #b45309 100%);--badge-bg-series-light: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--badge-bg-series-dark: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%)}@media (prefers-color-scheme: dark){:root{--card-bg: var(--card-bg-dark);--card-text: var(--card-text-dark);--card-muted: var(--card-muted-dark);--badge-bg-level: var(--badge-bg-level-dark);--badge-bg-time: var(--badge-bg-time-dark);--badge-bg-date: var(--badge-bg-date-dark);--badge-bg-series: var(--badge-bg-series-dark);--brand-glow: var(--brand-glow-dark)}}@media (prefers-color-scheme: light){:root{--card-bg: var(--card-bg-light);--card-text: var(--card-text-light);--card-muted: var(--card-muted-light);--badge-bg-level: var(--badge-bg-level-light);--badge-bg-time: var(--badge-bg-time-light);--badge-bg-date: var(--badge-bg-date-light);--badge-bg-series: var(--badge-bg-series-light);--brand-glow: var(--brand-glow-light)}}.tutorial-card[data-astro-cid-likfsfyg]{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--brand-1) 40%,transparent);border-radius:16px;overflow:hidden;box-shadow:0 0 8px 1px var(--brand-glow),0 4px 12px #0000001f;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform,box-shadow}.tutorial-card[data-astro-cid-likfsfyg]:hover{transform:translateY(-8px);box-shadow:0 0 14px 3px var(--brand-glow),0 14px 28px #0000004d;border-color:var(--brand-1)}.tutorial-card__image-link[data-astro-cid-likfsfyg]{position:relative;display:block;overflow:hidden;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.tutorial-card__cover[data-astro-cid-likfsfyg]{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s ease;display:block;border-radius:0;backface-visibility:hidden;will-change:transform}.tutorial-card[data-astro-cid-likfsfyg]:hover .tutorial-card__cover[data-astro-cid-likfsfyg]{transform:scale(1.05)}.tutorial-card__image-overlay[data-astro-cid-likfsfyg]{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.6) 100%);mix-blend-mode:multiply;transition:background .3s ease}@media (prefers-color-scheme: light){.tutorial-card__image-overlay[data-astro-cid-likfsfyg]{background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.6) 100%);mix-blend-mode:normal}}.tutorial-card__body[data-astro-cid-likfsfyg]{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;color:var(--card-text);transition:transform .3s ease;will-change:transform}.tutorial-card[data-astro-cid-likfsfyg]:hover .tutorial-card__body[data-astro-cid-likfsfyg]{transform:translateY(-3px)}.tutorial-card__title[data-astro-cid-likfsfyg]{font-size:1.25rem;font-weight:800;letter-spacing:.04em;margin:0;line-height:1.3}.tutorial-card__title[data-astro-cid-likfsfyg] a[data-astro-cid-likfsfyg]{color:inherit;text-decoration:none;background:linear-gradient(90deg,var(--card-text),var(--card-text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background .3s ease,-webkit-text-fill-color .3s ease;font-weight:800}.tutorial-card__title[data-astro-cid-likfsfyg] a[data-astro-cid-likfsfyg]:hover{background:linear-gradient(90deg,var(--brand-1),#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tutorial-card__desc[data-astro-cid-likfsfyg]{font-size:1rem;color:var(--card-muted);margin:0;line-height:1.6;font-weight:400;letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;user-select:text}.tutorial-card__meta[data-astro-cid-likfsfyg]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.badge[data-astro-cid-likfsfyg]{font-size:.75rem;padding:.35rem .75rem;border-radius:9999px;line-height:1.2;font-weight:600;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.25);box-shadow:0 0 6px #00000026;background-size:200% 200%;transition:box-shadow .3s ease;user-select:none}.badge[data-astro-cid-likfsfyg].level{background-image:var(--badge-bg-level);box-shadow:0 0 8px 1px color-mix(in srgb,var(--brand-1) 60%,transparent)}.badge[data-astro-cid-likfsfyg].time{background-image:var(--badge-bg-time);box-shadow:0 0 8px 1px color-mix(in srgb,#10b981 60%,transparent)}.badge[data-astro-cid-likfsfyg].date{background-image:var(--badge-bg-date);box-shadow:0 0 8px 1px color-mix(in srgb,#f59e0b 60%,transparent)}.badge[data-astro-cid-likfsfyg].series{background-image:var(--badge-bg-series);box-shadow:0 0 8px 1px color-mix(in srgb,#ef4444 60%,transparent)}