.usecase-page[data-v-0f7b7649]{color:#fff;background:#0a1929;min-height:100vh;padding-top:70px}.container[data-v-0f7b7649]{max-width:800px;margin:0 auto;padding:0 20px}.hero[data-v-0f7b7649]{text-align:center;padding:80px 0 48px}.hero h1[data-v-0f7b7649]{margin:0 0 16px;font-size:2.5rem;font-weight:800}.hero .hero-sub[data-v-0f7b7649]{color:#ffffffb3;max-width:560px;margin:0 auto;font-size:1.1rem}section[data-v-0f7b7649]{padding:60px 0}section h2[data-v-0f7b7649]{margin:0 0 24px;font-size:1.6rem;font-weight:700}section p[data-v-0f7b7649]{color:#ffffffbf;margin:0 0 12px;line-height:1.7}.problem-section[data-v-0f7b7649]{background:#ffffff05}.solution-list[data-v-0f7b7649]{margin:0;padding:0;list-style:none}.solution-list li[data-v-0f7b7649]{color:#ffffffd9;border-bottom:1px solid #ffffff0f;padding:10px 0;font-size:1rem}.solution-list li[data-v-0f7b7649]:last-child{border:none}.solution-list li .check[data-v-0f7b7649]{color:#00913f;margin-right:10px;font-weight:700}.code-block[data-v-0f7b7649]{background:#0d1117;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden}.code-block .code-header[data-v-0f7b7649]{background:#ffffff0a;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.code-block .code-tabs[data-v-0f7b7649]{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.code-block .code-tabs[data-v-0f7b7649]::-webkit-scrollbar{display:none}.code-block .code-tab[data-v-0f7b7649]{cursor:pointer;color:#ffffff73;white-space:nowrap;background:0 0;border:none;border-radius:6px 6px 0 0;padding:6px 12px;font-size:.78rem;font-weight:600;transition:color .2s}.code-block .code-tab.active[data-v-0f7b7649]{color:#fff;background:#0d1117}.code-block .code-tab[data-v-0f7b7649]:hover:not(.active){color:#ffffffb3}.code-block .code-tab[data-v-0f7b7649]:focus-visible{outline-offset:-2px;outline:2px solid #00913f}.code-block .code-tab[data-v-0f7b7649]:active{transform:scale(.97)}.code-block .copy-btn[data-v-0f7b7649]{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:4px 12px;font-size:.78rem;transition:all .2s}.code-block .copy-btn[data-v-0f7b7649]:hover{color:#fff;background:#ffffff24}.code-block .copy-btn[data-v-0f7b7649]:focus-visible{outline-offset:2px;outline:2px solid #00913f}.code-block .copy-btn[data-v-0f7b7649]:active{transform:scale(.97)}.code-block pre[data-v-0f7b7649]{margin:0;padding:16px 20px;overflow-x:auto}.code-block pre code[data-v-0f7b7649]{color:#c9d1d9;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.88rem;line-height:1.65}.cta-section[data-v-0f7b7649]{text-align:center;padding:60px 0}.cta-btn[data-v-0f7b7649]{color:#fff;background:#00913f;border-radius:50px;padding:16px 40px;font-size:1.15rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.cta-btn[data-v-0f7b7649]:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00913f4d}.cta-btn[data-v-0f7b7649]:focus-visible{outline-offset:2px;outline:2px solid #fff}.cta-btn[data-v-0f7b7649]:active{transform:scale(.97)}.cta-links[data-v-0f7b7649]{justify-content:center;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.cta-links a[data-v-0f7b7649]{color:#fff9;text-decoration:none;transition:color .2s}.cta-links a[data-v-0f7b7649]:hover{color:#fff}.cta-links a[data-v-0f7b7649]:focus-visible{outline-offset:2px;outline:2px solid #4fc3f7}.cta-links span[data-v-0f7b7649]{color:#ffffff4d}.related-section h2[data-v-0f7b7649]{text-align:center}.related-grid[data-v-0f7b7649]{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.related-card[data-v-0f7b7649]{color:#fffc;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.related-card[data-v-0f7b7649]:hover{color:#fff;border-color:#00913f4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.related-card[data-v-0f7b7649]:focus-visible{outline-offset:2px;outline:2px solid #00913f}.related-card .related-icon[data-v-0f7b7649]{font-size:1.2rem}@media (max-width:768px){.hero[data-v-0f7b7649]{padding:50px 0 40px}.hero h1[data-v-0f7b7649]{font-size:1.8rem}section[data-v-0f7b7649]{padding:40px 0}}@media (max-width:480px){.hero h1[data-v-0f7b7649]{font-size:1.5rem}.related-grid[data-v-0f7b7649]{flex-direction:column}}@media (prefers-reduced-motion:reduce){[data-v-0f7b7649],[data-v-0f7b7649]:before,[data-v-0f7b7649]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}