.tutorials-shell{position:relative;background:radial-gradient(900px 420px at 12% -10%,rgba(220,38,38,.12),transparent 60%),radial-gradient(700px 360px at 88% 0%,rgba(127,29,29,.12),transparent 55%),linear-gradient(180deg,#fff1f2,#fff 40%,#f8fafc)}.dark .tutorials-shell{background:radial-gradient(900px 420px at 12% -10%,rgba(220,38,38,.12),transparent 60%),radial-gradient(700px 360px at 88% 0%,rgba(127,29,29,.18),transparent 55%),linear-gradient(180deg,#0b0f14,#0f172a 55%,#0b0f14)}.tutorials-hero{position:relative;border:1px solid rgba(15,23,42,.12);background:linear-gradient(135deg,#fffffff5,#ffffffe6);box-shadow:0 30px 70px #0f172a1f;overflow:hidden}.tutorials-hero__glow{position:absolute;inset:-20%;background:radial-gradient(320px 220px at 15% 20%,rgba(220,38,38,.28),transparent 65%),radial-gradient(320px 220px at 80% 10%,rgba(127,29,29,.22),transparent 70%);filter:blur(6px)}.tutorials-hero__kicker{letter-spacing:.28em;text-transform:uppercase;font-size:11px;font-weight:800;color:#7f1d1d}.tutorials-hero__title{margin-top:10px;font-size:clamp(28px,4vw,44px);font-weight:900;color:#0f172a}.tutorials-hero__sub{margin-top:10px;max-width:720px;color:#1f2937}.tutorials-hero__badges{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.tutorials-hero__badges span{border:1px solid rgba(15,23,42,.12);background:#dc262614;color:#7f1d1d;font-weight:700;font-size:12px;padding:6px 10px;border-radius:999px}.dark .tutorials-hero{border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#020617eb,#0f172aeb);box-shadow:0 30px 70px #00000073}.dark .tutorials-hero__kicker{color:#fca5a5}.dark .tutorials-hero__title{color:#f8fafc}.dark .tutorials-hero__sub{color:#cbd5f5}.dark .tutorials-hero__badges span{border-color:#ffffff1a;background:#dc26262e;color:#fca5a5}.tutorials-nav{position:sticky;top:96px;align-self:start;border:1px solid rgba(15,23,42,.12);background:#fffc;backdrop-filter:blur(10px);border-radius:20px;padding:16px;box-shadow:0 18px 40px #0f172a14}.tutorials-nav__title{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#7f1d1d;margin-bottom:8px}.tutorials-nav nav{display:flex;flex-direction:column;gap:8px}.tutorials-nav a{border-radius:12px;padding:8px 10px;font-weight:700;color:#0f172a;background:#dc26260f}.tutorials-nav a:hover{background:#dc262624}.dark .tutorials-nav{border-color:#ffffff14;background:#020617d9;box-shadow:0 18px 40px #00000073}.dark .tutorials-nav a{color:#f8fafc;background:#dc262624}.dark .tutorials-nav a:hover{background:#dc262638}.tutorials-anchor{scroll-margin-top:120px}section.tutorials-anchor,section[id]{scroll-margin-top:120px}.tutorials-mobile-nav{position:sticky;top:72px;z-index:30;padding:6px 0 4px;background:#fff1f2e6;backdrop-filter:blur(10px)}.dark .tutorials-mobile-nav{background:#020617d9}.tutorials-mobile-select{width:100%;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff;padding:12px 14px;font-weight:700;color:#0f172a}.tutorials-mobile-label{display:block;font-weight:800;font-size:13px;color:#0f172a;margin-bottom:6px}.tutorials-mobile-hint{margin-top:6px;font-size:12px;color:#475569}.dark .tutorials-mobile-select{background:#0b1220;color:#f8fafc;border-color:#ffffff14}.dark .tutorials-mobile-label{color:#f8fafc}.dark .tutorials-mobile-hint{color:#cbd5f5}.tutorials-panel{border-radius:28px;padding:10px;background:linear-gradient(135deg,#dc262640,#0f172a14 45%,#dc26261f)}.dark .tutorials-panel{background:linear-gradient(135deg,#dc262647,#020617a6 45%,#dc26262e)}.tutorials-panel>div{border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 45px #0f172a14}.dark .tutorials-panel>div{background:#0b1220;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px #00000059}.tutorials-card{background:#fff;border:1px solid rgba(15,23,42,.14);border-radius:18px;box-shadow:0 14px 30px #0f172a12}.dark .tutorials-card{background:#0f172a;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px #00000059}.tutorials-summary{background:linear-gradient(90deg,#dc262614,#fff0)}.dark .tutorials-summary{background:linear-gradient(90deg,#dc26262e,#02061700)}.tutorials-card a{color:#7f1d1d}.dark .tutorials-card a{color:#fca5a5}