.hero-section[data-astro-cid-pstzrtxy]{position:relative;background:linear-gradient(135deg,var(--color-primary) 0%,#7B3FA0 50%,#4A1D72 100%);color:var(--color-white);padding:var(--space-16) 0 var(--space-12);text-align:center;overflow:hidden}.hero-background[data-astro-cid-pstzrtxy]{position:absolute;inset:0;opacity:.3}.hero-content[data-astro-cid-pstzrtxy]{position:relative;z-index:1}.hero-section[data-astro-cid-pstzrtxy] h1[data-astro-cid-pstzrtxy]{font-size:var(--text-5xl);margin-bottom:var(--space-5)}.subtitle[data-astro-cid-pstzrtxy]{font-size:var(--text-lg);opacity:.9;max-width:650px;margin:0 auto var(--space-8);line-height:1.7}.hero-cta[data-astro-cid-pstzrtxy]{font-size:var(--text-xl);padding:var(--space-5) var(--space-10)}.features-section[data-astro-cid-pstzrtxy]{background:var(--color-white)}.features-section[data-astro-cid-pstzrtxy] h2[data-astro-cid-pstzrtxy]{text-align:center;margin-bottom:var(--space-8)}.features-grid[data-astro-cid-pstzrtxy]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:768px){.features-grid[data-astro-cid-pstzrtxy]{grid-template-columns:repeat(2,1fr)}.hero-section[data-astro-cid-pstzrtxy] h1[data-astro-cid-pstzrtxy]{font-size:var(--text-3xl)}}.feature-card[data-astro-cid-pstzrtxy]{text-align:center;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-background)}.feature-icon[data-astro-cid-pstzrtxy]{font-size:var(--text-3xl);display:block;margin-bottom:var(--space-3)}.feature-card[data-astro-cid-pstzrtxy] h3[data-astro-cid-pstzrtxy]{font-size:var(--text-base);margin-bottom:var(--space-2)}.feature-card[data-astro-cid-pstzrtxy] p[data-astro-cid-pstzrtxy]{font-size:var(--text-sm);color:var(--color-gray-medium);margin:0}.popular-section[data-astro-cid-pstzrtxy]{background:var(--color-background)}.popular-section[data-astro-cid-pstzrtxy] h2[data-astro-cid-pstzrtxy]{margin-bottom:var(--space-6)}.popular-grid[data-astro-cid-pstzrtxy]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:768px){.popular-grid[data-astro-cid-pstzrtxy]{grid-template-columns:repeat(2,1fr)}}.popular-card[data-astro-cid-pstzrtxy]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:all var(--transition-base);border:2px solid transparent;font-weight:600;font-size:var(--text-sm)}.popular-card[data-astro-cid-pstzrtxy]:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-lg);color:var(--color-primary)}.popular-symbols[data-astro-cid-pstzrtxy]{font-size:var(--text-2xl)}.all-link[data-astro-cid-pstzrtxy]{font-weight:600;font-size:var(--text-base)}.compare-section[data-astro-cid-pstzrtxy]{background:var(--color-white)}.compare-section[data-astro-cid-pstzrtxy] h2[data-astro-cid-pstzrtxy]{margin-bottom:var(--space-8)}.compare-grid[data-astro-cid-pstzrtxy]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:768px){.compare-grid[data-astro-cid-pstzrtxy]{grid-template-columns:1fr}}.compare-card[data-astro-cid-pstzrtxy]{padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);text-align:center;position:relative}.compare-free[data-astro-cid-pstzrtxy]{background:var(--color-background);border:2px solid var(--color-gray-light)}.compare-premium[data-astro-cid-pstzrtxy]{background:linear-gradient(135deg,#5a2d820d,#7b3fa01a);border:2px solid var(--color-primary)}.premium-badge[data-astro-cid-pstzrtxy]{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-white);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:1px}.compare-card[data-astro-cid-pstzrtxy] h3[data-astro-cid-pstzrtxy]{margin-bottom:var(--space-5)}.compare-card[data-astro-cid-pstzrtxy] ul[data-astro-cid-pstzrtxy]{list-style:none;text-align:left;margin-bottom:var(--space-6)}.compare-card[data-astro-cid-pstzrtxy] li[data-astro-cid-pstzrtxy]{padding:var(--space-2) 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:var(--text-sm)}.compare-card[data-astro-cid-pstzrtxy] li[data-astro-cid-pstzrtxy]:before{content:"✓ ";color:var(--color-primary);font-weight:700}.faq-section[data-astro-cid-pstzrtxy] h2[data-astro-cid-pstzrtxy]{margin-bottom:var(--space-6)}.faq-item[data-astro-cid-pstzrtxy]{background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden;border:1px solid var(--color-gray-light)}.faq-item[data-astro-cid-pstzrtxy] summary[data-astro-cid-pstzrtxy]{padding:var(--space-4) var(--space-5);cursor:pointer;font-weight:600;list-style:none}.faq-item[data-astro-cid-pstzrtxy] summary[data-astro-cid-pstzrtxy]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-pstzrtxy] p[data-astro-cid-pstzrtxy]{padding:0 var(--space-5) var(--space-4);color:var(--color-gray-medium);line-height:1.7}.knowledge-section[data-astro-cid-pstzrtxy]{background:var(--color-white)}.knowledge-section[data-astro-cid-pstzrtxy] h2[data-astro-cid-pstzrtxy]{margin-bottom:var(--space-6)}.knowledge-grid[data-astro-cid-pstzrtxy]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:768px){.knowledge-grid[data-astro-cid-pstzrtxy]{grid-template-columns:1fr}}.knowledge-card[data-astro-cid-pstzrtxy]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-background);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);font-weight:500;transition:all var(--transition-base)}.knowledge-card[data-astro-cid-pstzrtxy]:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.stars[data-astro-cid-pstzrtxy]{width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,white,transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 130px 80px,white,transparent),radial-gradient(2px 2px at 160px 30px,white,transparent);background-size:200px 100px;animation:twinkle 4s ease-in-out infinite}
