.tpl-page[data-v-7b745b3a]{max-width:1100px;margin:0 auto}.tpl-hero[data-v-7b745b3a]{text-align:center;max-width:760px;margin:0 auto 36px}.tpl-hero__eyebrow[data-v-7b745b3a]{display:inline-block;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#22d3ee1a,#7c5cff1a),#0f172a99;border:1px solid rgba(124,92,255,.3);color:#c4b5fd;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:16px}.tpl-hero__title[data-v-7b745b3a]{margin-bottom:14px}.tpl-hero__intro[data-v-7b745b3a]{color:#cbd5e1;font-size:16px;line-height:1.7;margin:0 auto 26px;max-width:680px}.tpl-hero__note[data-v-7b745b3a]{margin:14px 0 0;color:#94a3b8;font-size:13px}.tpl-btn[data-v-7b745b3a]{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font-weight:800;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}.tpl-btn--primary[data-v-7b745b3a]{padding:15px 28px;border-radius:999px;font-size:15px;color:#fff;background:linear-gradient(120deg,#3dd6ff,#7c5cff 55%,#c084fc);box-shadow:0 14px 30px -10px #7c5cff8c,inset 0 0 0 1px #ffffff26}.tpl-btn--primary[data-v-7b745b3a]:hover{transform:translateY(-2px);filter:brightness(1.06)}.tpl-btn--card[data-v-7b745b3a]{width:100%;margin-top:4px;padding:12px 18px;border-radius:12px;font-size:14px;color:#f8fafc;background:#7c5cff2e;box-shadow:inset 0 0 0 1px #7c5cff73}.tpl-btn--card[data-v-7b745b3a]:hover{background:#7c5cff52}.tpl-filters[data-v-7b745b3a]{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 28px}.tpl-chip[data-v-7b745b3a]{padding:8px 16px;border-radius:999px;cursor:pointer;font-size:13.5px;font-weight:700;color:#cbd5e1;background:#0f172a99;border:1px solid rgba(148,163,184,.2);transition:border-color .2s ease,color .2s ease,background .2s ease}.tpl-chip[data-v-7b745b3a]:hover{border-color:#22d3ee73;color:#f8fafc}.tpl-chip--active[data-v-7b745b3a]{color:#0b1020;background:#67e8f9;border-color:#67e8f9}.tpl-grid[data-v-7b745b3a]{display:grid;grid-template-columns:1fr;gap:22px}@media(min-width:640px){.tpl-grid[data-v-7b745b3a]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tpl-grid[data-v-7b745b3a]{grid-template-columns:repeat(3,1fr)}}.tpl-card[data-v-7b745b3a]{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,#0f172ab8,#02061794)}.tpl-card__media[data-v-7b745b3a]{position:relative;display:block;width:100%;padding:18px 18px 0;border:0;cursor:pointer;background:#94a3b814}.tpl-card__img[data-v-7b745b3a]{display:block;width:100%;height:auto;aspect-ratio:640 / 906;border-radius:8px 8px 0 0;box-shadow:0 10px 30px -12px #0009}.tpl-card__overlay[data-v-7b745b3a]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0206178c;opacity:0;transition:opacity .2s ease}.tpl-card__media:hover .tpl-card__overlay[data-v-7b745b3a],.tpl-card__media:focus-visible .tpl-card__overlay[data-v-7b745b3a]{opacity:1}.tpl-card__overlay-cta[data-v-7b745b3a]{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;color:#fff;font-weight:800;font-size:14px;background:linear-gradient(120deg,#3dd6ff,#7c5cff 55%,#c084fc)}.tpl-card__body[data-v-7b745b3a]{display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;flex:1}.tpl-card__head[data-v-7b745b3a]{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.tpl-card__name[data-v-7b745b3a]{font-size:19px;font-weight:800;color:#f8fafc;margin:0;line-height:1.3}.tpl-card__tag[data-v-7b745b3a]{flex-shrink:0;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#67e8f9;border:1px solid rgba(103,232,249,.35)}.tpl-card__meta[data-v-7b745b3a]{margin:0;color:#a5b4fc;font-size:12.5px;font-weight:700}.tpl-card__desc[data-v-7b745b3a]{margin:0;color:#cbd5e1;font-size:14px;line-height:1.6}.tpl-card__best[data-v-7b745b3a]{margin:0;color:#94a3b8;font-size:13.5px;line-height:1.55}.tpl-card__best strong[data-v-7b745b3a]{color:#e2e8f0}.tpl-card__examples[data-v-7b745b3a]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:4px}.tpl-card__examples-label[data-v-7b745b3a]{width:100%;color:#94a3b8;font-size:12px;font-weight:700}.tpl-card__example[data-v-7b745b3a]{padding:4px 10px;border-radius:999px;font-size:12.5px;text-decoration:none;color:#cbd5e1;background:#94a3b81a;border:1px solid rgba(148,163,184,.18)}.tpl-card__example[data-v-7b745b3a]:hover{color:#f8fafc;border-color:#22d3ee73}.tpl-section[data-v-7b745b3a]{margin-top:64px}.tpl-section__title[data-v-7b745b3a]{font-size:clamp(21px,2.6vw,27px);font-weight:900;color:#f8fafc;letter-spacing:-.02em;margin:0 0 12px;text-align:center}.tpl-section__intro[data-v-7b745b3a]{color:#94a3b8;font-size:15px;line-height:1.7;margin:0 auto 28px;max-width:660px;text-align:center}.tpl-tiles[data-v-7b745b3a]{display:grid;gap:16px}@media(min-width:700px){.tpl-tiles[data-v-7b745b3a]{grid-template-columns:1fr 1fr}}.tpl-tile[data-v-7b745b3a]{display:flex;flex-direction:column;padding:24px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#0f172a99,#02061799)}.tpl-tile__icon[data-v-7b745b3a]{font-size:20px;color:#7dd3fc;margin-bottom:12px}.tpl-tile__title[data-v-7b745b3a]{font-size:16px;font-weight:800;color:#f8fafc;margin:0 0 8px}.tpl-tile__desc[data-v-7b745b3a]{color:#cbd5e1;font-size:14.5px;line-height:1.7;margin:0 0 14px;flex:1}.tpl-tile__link[data-v-7b745b3a]{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;font-weight:700;font-size:13.5px;text-decoration:none}.tpl-tile__link[data-v-7b745b3a]:hover{color:#a5f3fc}.tpl-includes[data-v-7b745b3a]{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}@media(min-width:700px){.tpl-includes[data-v-7b745b3a]{grid-template-columns:1fr 1fr}}.tpl-include[data-v-7b745b3a]{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#0f172a80}.tpl-include__icon[data-v-7b745b3a]{color:#34d399;font-size:16px;margin-top:3px;flex-shrink:0;width:18px}.tpl-include__title[data-v-7b745b3a]{font-size:15px;font-weight:800;color:#f1f5f9;margin:0 0 4px}.tpl-include__desc[data-v-7b745b3a]{color:#cbd5e1;font-size:14px;line-height:1.65;margin:0}.tpl-faq[data-v-7b745b3a]{display:grid;gap:10px;margin-top:26px;max-width:820px;margin-left:auto;margin-right:auto}.tpl-faq__item[data-v-7b745b3a]{border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#0f172a80;overflow:hidden}.tpl-faq__q[data-v-7b745b3a]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none;color:#f1f5f9;font-size:15.5px;font-weight:700;line-height:1.5}.tpl-faq__q[data-v-7b745b3a]::-webkit-details-marker{display:none}.tpl-faq__chevron[data-v-7b745b3a]{flex-shrink:0;color:#7dd3fc;font-size:13px;transition:transform .2s ease}.tpl-faq__item[open] .tpl-faq__chevron[data-v-7b745b3a]{transform:rotate(180deg)}.tpl-faq__a[data-v-7b745b3a]{margin:0;padding:0 22px 20px;color:#cbd5e1;font-size:14.5px;line-height:1.75}.tpl-final[data-v-7b745b3a]{margin-top:64px;padding:40px 28px;border-radius:24px;text-align:center;border:1px solid rgba(124,92,255,.35);background:linear-gradient(135deg,#22d3ee1a,#7c5cff24),#02061799}.tpl-final__title[data-v-7b745b3a]{font-size:clamp(20px,2.6vw,26px);font-weight:900;color:#f8fafc;letter-spacing:-.02em;margin:0 0 12px}.tpl-final__sub[data-v-7b745b3a]{color:#cbd5e1;font-size:15px;line-height:1.7;margin:0 auto 24px;max-width:560px}.tpl-related[data-v-7b745b3a]{display:grid;gap:10px;margin-top:22px;max-width:820px;margin-left:auto;margin-right:auto}.tpl-related__link[data-v-7b745b3a]{display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#0f172a80;color:#cbd5e1;font-size:14.5px;font-weight:600;text-decoration:none;transition:border-color .2s ease,color .2s ease,transform .2s ease}.tpl-related__link[data-v-7b745b3a]:hover{border-color:#22d3ee73;color:#f8fafc;transform:translate(3px)}.tpl-related__link svg[data-v-7b745b3a]{color:#7dd3fc;flex-shrink:0}