.v-header{background:transparent!important}.container[data-v-5de99d97]{margin:0 auto;max-width:1200px}.sample-hub-page[data-v-5de99d97]{background:linear-gradient(180deg,#fff4f1,transparent 420px);margin-top:-80px;min-height:100vh;overflow:clip;padding-bottom:80px;padding-top:80px;position:relative;z-index:0}.sample-hub-page .circle_items[data-v-5de99d97]{height:660px;left:50%;margin-left:-472px;pointer-events:none;position:absolute;top:290px;width:100%;z-index:-1}.sample-hub-page .circle_items .circle_01[data-v-5de99d97]{background:#ffa08b;border-radius:660px;filter:blur(300px);height:460px;left:0;position:absolute;top:0;width:660px}.sample-hub-page .circle_items .circle_02[data-v-5de99d97]{background:#ffca42;border-radius:440px;filter:blur(300px);height:240px;position:absolute;right:0;top:110px;width:440px}.sample-hub-page .hub-hero[data-v-5de99d97]{padding:60px 0 40px;text-align:center}.sample-hub-page .hub-hero .eyebrow-breadcrumb[data-v-5de99d97]{align-items:center;background-color:#f664420d;border:1px solid rgba(246,100,66,.15);border-radius:100px;box-shadow:0 2px 8px #00000005;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;margin-bottom:24px;padding:6px 16px}.sample-hub-page .hub-hero .eyebrow-breadcrumb .back-link[data-v-5de99d97]{align-items:center;color:#f66442;display:flex;gap:6px;text-decoration:none;transition:all .2s ease}.sample-hub-page .hub-hero .eyebrow-breadcrumb .back-link .back-icon[data-v-5de99d97]{font-size:14px;transition:transform .2s ease}.sample-hub-page .hub-hero .eyebrow-breadcrumb .back-link[data-v-5de99d97]:hover{color:#e55331}.sample-hub-page .hub-hero .eyebrow-breadcrumb .back-link:hover .back-icon[data-v-5de99d97]{transform:translate(-4px)}.sample-hub-page .hub-hero .eyebrow-breadcrumb .back-link:hover .back-text[data-v-5de99d97]{text-decoration:underline}.sample-hub-page .hub-hero .eyebrow-breadcrumb .separator[data-v-5de99d97]{color:#f66442;margin:0 10px}.sample-hub-page .hub-hero .eyebrow-breadcrumb .current[data-v-5de99d97]{color:#403f3e}.sample-hub-page .hub-hero .hub-title[data-v-5de99d97]{color:#201515;font-size:56px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:16px}@media (max-width:768px){.sample-hub-page .hub-hero .hub-title[data-v-5de99d97]{font-size:36px}}.sample-hub-page .hub-hero .hub-title .hub-title-suffix[data-v-5de99d97]{color:#555;font-size:36px;font-weight:600;letter-spacing:-.5px}@media (max-width:768px){.sample-hub-page .hub-hero .hub-title .hub-title-suffix[data-v-5de99d97]{font-size:24px}}.sample-hub-page .hub-hero .hub-subtitle[data-v-5de99d97]{color:#403f3e;font-size:18px;line-height:1.6;margin:0 auto 40px;max-width:700px;text-align:left}.sample-hub-page .hub-hero .framework-banner[data-v-5de99d97]{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:30px;padding:40px;text-align:left}@media (max-width:768px){.sample-hub-page .hub-hero .framework-banner[data-v-5de99d97]{flex-direction:column;gap:20px;padding:24px}}.sample-hub-page .hub-hero .framework-banner .framework-content[data-v-5de99d97],.sample-hub-page .hub-hero .framework-banner .rubric-content[data-v-5de99d97]{flex:1}.sample-hub-page .hub-hero .framework-banner .framework-content h3[data-v-5de99d97],.sample-hub-page .hub-hero .framework-banner .rubric-content h3[data-v-5de99d97]{color:#f66442;font-size:18px;font-weight:700;margin-bottom:16px}.sample-hub-page .hub-hero .framework-banner .framework-content ul[data-v-5de99d97],.sample-hub-page .hub-hero .framework-banner .rubric-content ul[data-v-5de99d97]{margin:0;padding-left:20px}.sample-hub-page .hub-hero .framework-banner .framework-content ul li[data-v-5de99d97],.sample-hub-page .hub-hero .framework-banner .rubric-content ul li[data-v-5de99d97]{color:#403f3e;font-size:15px;line-height:1.5;margin-bottom:8px}.sample-hub-page .hub-hero .framework-banner .framework-content p[data-v-5de99d97],.sample-hub-page .hub-hero .framework-banner .rubric-content p[data-v-5de99d97]{color:#403f3e;font-size:15px;line-height:1.6}.sample-hub-page .hub-hero .framework-banner .framework-content[data-v-5de99d97]{border-right:1px solid #ddd;padding-right:30px}@media (max-width:768px){.sample-hub-page .hub-hero .framework-banner .framework-content[data-v-5de99d97]{border-bottom:1px solid #ddd;border-right:none;padding-bottom:30px;padding-right:0}}.sample-hub-page .hub-content[data-v-5de99d97]{padding:20px 0 60px}.sample-hub-page .hub-content .hub-filters[data-v-5de99d97]{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.sample-hub-page .hub-content .hub-filters .filter-group[data-v-5de99d97]{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.sample-hub-page .hub-content .hub-filters .filter-group .filter-label[data-v-5de99d97]{color:#888;font-size:15px;font-weight:700;letter-spacing:1px;margin-left:8px;min-width:80px;text-transform:uppercase}.sample-hub-page .hub-content .hub-filters .filter-group .tabs[data-v-5de99d97]{display:flex;flex-wrap:wrap;gap:10px}.sample-hub-page .hub-content .hub-filters .filter-group .tabs .tab-btn[data-v-5de99d97]{background:#fff;border:1px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 4px #0000000d;color:#666;cursor:pointer;font-size:15px;font-weight:600;padding:8px 20px;transition:all .3s ease}.sample-hub-page .hub-content .hub-filters .filter-group .tabs .tab-btn[data-v-5de99d97]:hover{background:#fff;border-color:#ffca42;color:#f66442}.sample-hub-page .hub-content .hub-filters .filter-group .tabs .tab-btn.active[data-v-5de99d97]{background:#f66442;border-color:#f66442;box-shadow:0 4px 12px #f6644233;color:#fff}.sample-hub-page .hub-content .samples-grid[data-v-5de99d97]{display:flex;flex-direction:column;gap:30px}.sample-hub-page .hub-content .samples-grid .sample-card[data-v-5de99d97]{background:#fff;border:1px solid #eee;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.sample-hub-page .hub-content .samples-grid .sample-card[data-v-5de99d97]:hover{box-shadow:0 12px 24px #0000000f;transform:translateY(-2px)}.sample-hub-page .hub-content .samples-grid .sample-card .card-image[data-v-5de99d97]{background:#f0f0f0;height:250px;overflow:hidden;width:100%}.sample-hub-page .hub-content .samples-grid .sample-card .card-image img[data-v-5de99d97]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.sample-hub-page .hub-content .samples-grid .sample-card .card-body[data-v-5de99d97]{padding:30px}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .card-tags[data-v-5de99d97]{display:flex;gap:10px;margin-bottom:16px}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .card-tags .tag[data-v-5de99d97]{background:#fdf2f0;border-radius:20px;color:#f66442;font-size:13px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .card-title[data-v-5de99d97]{color:#201515;font-size:24px;font-weight:700;margin-bottom:20px}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .audio-player[data-v-5de99d97]{margin-bottom:24px}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .audio-player audio[data-v-5de99d97]{height:40px;width:100%}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .markdown-content[data-v-5de99d97]{color:#403f3e;font-size:16px;line-height:1.7}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .markdown-content[data-v-5de99d97] h2{border-bottom:1px solid #eee;color:#f66442;font-size:18px;font-weight:700;margin:24px 0 12px;padding-bottom:8px}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .markdown-content[data-v-5de99d97] ul{margin-bottom:16px;padding-left:20px}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .markdown-content[data-v-5de99d97] ul li{margin-bottom:6px}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .markdown-content[data-v-5de99d97] p{margin-bottom:16px}.sample-hub-page .hub-content .samples-grid .sample-card .card-body .card-footer[data-v-5de99d97]{border-top:1px solid #eee;color:#888;display:none;font-size:14px;margin-top:24px;padding-top:20px}.sample-hub-page .hub-content .load-more-container[data-v-5de99d97]{margin-top:50px;text-align:center}.sample-hub-page .hub-content .load-more-container .load-more-btn[data-v-5de99d97]{background:#f66442;border:none;border-radius:50px;box-shadow:0 8px 24px #f664424d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 48px;transition:all .3s ease}.sample-hub-page .hub-content .load-more-container .load-more-btn[data-v-5de99d97]:hover:not(:disabled){box-shadow:0 12px 32px #f6644273;transform:translateY(-2px)}.sample-hub-page .hub-content .load-more-container .load-more-btn[data-v-5de99d97]:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.5}.sample-hub-page .hub-content .all-caught-up[data-v-5de99d97]{color:#888;font-size:16px;font-style:italic;margin-top:50px;text-align:center}.not-found[data-v-5de99d97]{padding:100px 0;text-align:center}.not-found h1[data-v-5de99d97]{font-size:32px;margin-bottom:20px}.not-found .back-link[data-v-5de99d97]{color:#f66442;font-weight:600;text-decoration:none}.not-found .back-link[data-v-5de99d97]:hover{text-decoration:underline}