.topic-page{color:#f0f2f5;background-color:#0b0f19;min-height:100vh;font-family:inherit;overflow-x:hidden}.topic-page .topic-nav{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0b0f19d9;border-bottom:1px solid #ffffff14;position:sticky;top:0}.topic-page .topic-nav .nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.topic-page .topic-nav .brand-logo{color:#fff;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.topic-page .topic-nav .brand-logo img{object-fit:contain;width:32px;height:32px}.topic-page .topic-nav .nav-actions{align-items:center;gap:12px;display:flex}.topic-page .btn-accent{color:#061e15;background:linear-gradient(135deg,#61f9b1,#3ddc97);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #61f9b140}.topic-page .btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #61f9b159}.topic-page .btn-ghost{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.topic-page .btn-ghost:hover{color:#61f9b1;background:#ffffff1a;border-color:#61f9b166}.topic-page .topic-hero{text-align:center;background:radial-gradient(circle at 50% 20%,#61f9b11f 0%,#0000 60%);padding:90px 24px 70px;position:relative}.topic-page .topic-hero .hero-container{max-width:900px;margin:0 auto}.topic-page .topic-hero .topic-badge{color:#61f9b1;background:#61f9b11f;border:1px solid #61f9b14d;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.88rem;font-weight:600;display:inline-flex}.topic-page .topic-hero h1{color:#fff;background:linear-gradient(#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;margin-bottom:20px;font-size:2.8rem;font-weight:800;line-height:1.35}.topic-page .topic-hero p.subtitle{color:#94a3b8;max-width:760px;margin:0 auto 36px;font-size:1.15rem;line-height:1.7}.topic-page .topic-hero .hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.topic-page .topic-features{background:#ffffff04;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:70px 24px}.topic-page .topic-features .section-title{text-align:center;color:#fff;margin-bottom:48px;font-size:2rem;font-weight:800}.topic-page .topic-features .features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;max-width:1200px;margin:0 auto;display:grid}.topic-page .topic-features .feature-card{background:#141824d9;border:1px solid #ffffff14;border-radius:18px;padding:32px 28px;transition:transform .25s,border-color .25s,box-shadow .25s}.topic-page .topic-features .feature-card:hover{border-color:#61f9b159;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.topic-page .topic-features .feature-card .icon-wrapper{color:#61f9b1;background:#61f9b11f;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.topic-page .topic-features .feature-card .icon-wrapper span{font-size:28px}.topic-page .topic-features .feature-card h3{color:#f1f5f9;margin-bottom:12px;font-size:1.25rem;font-weight:700}.topic-page .topic-features .feature-card p{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.65}.topic-page .topic-faq{padding:80px 24px}.topic-page .topic-faq .faq-container{max-width:840px;margin:0 auto}.topic-page .topic-faq .section-title{text-align:center;color:#fff;margin-bottom:40px;font-size:2rem;font-weight:800}.topic-page .topic-faq .faq-item{background:#141824e6;border:1px solid #ffffff14;border-radius:14px;margin-bottom:18px;padding:24px 28px}.topic-page .topic-faq .faq-item h4{color:#61f9b1;margin-bottom:10px;font-size:1.1rem;font-weight:700}.topic-page .topic-faq .faq-item p{color:#cbd5e1;margin:0;font-size:.96rem;line-height:1.65}.topic-page .topic-cta-banner{padding:60px 24px 100px}.topic-page .topic-cta-banner .banner-card{text-align:center;background:linear-gradient(135deg,#61f9b126,#141824f2);border:1px solid #61f9b14d;border-radius:24px;max-width:900px;margin:0 auto;padding:56px 36px;box-shadow:0 20px 48px #0006}.topic-page .topic-cta-banner .banner-card h2{color:#fff;margin-bottom:16px;font-size:2.1rem;font-weight:800}.topic-page .topic-cta-banner .banner-card p{color:#94a3b8;margin-bottom:32px;font-size:1.05rem}.topic-page .topic-footer{text-align:center;color:#64748b;background:#070a12;border-top:1px solid #ffffff14;padding:40px 24px;font-size:.9rem}