:root{--primary:#7c3aed;--primary-dark:#6d28d9;--primary-light:#8b5cf6;--gradient-start:#7c3aed;--gradient-end:#db2777;--bg-dark:#0f0f0f;--bg-card:#1a1a1a;--bg-elevated:#252525;--text-primary:#fff;--text-secondary:#a3a3a3;--border:#2a2a2a;--success:#10b981;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}.viral-ideas-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem}.hero-section{text-align:center;background:linear-gradient(135deg,#7c3aed1a 0%,#db27770d 100%);border-radius:2rem;margin-bottom:3rem;padding:3rem 1rem 4rem}.hero-badge{background:var(--primary-dark);color:#fff;letter-spacing:.5px;border-radius:2rem;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}.gradient-text{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-secondary);max-width:700px;margin:0 auto 2rem;font-size:1.125rem}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.cta-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border-radius:3rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #7c3aed66}.cta-secondary{border:1px solid var(--border);color:var(--text-primary);background:0 0;border-radius:3rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:background .2s}.cta-secondary:hover{background:#ffffff0d}.trust-badges{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.875rem;display:flex}.trust-badges span{align-items:center;gap:.5rem;display:inline-flex}.prompt-section{margin-bottom:4rem}.prompt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.5rem;padding:2rem}.prompt-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.prompt-icon{font-size:1.5rem}.prompt-header h2{font-size:1.25rem;font-weight:600}.prompt-textarea{background:var(--bg-elevated);border:1px solid var(--border);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;border-radius:1rem;margin-bottom:1rem;padding:1rem;font-family:inherit;font-size:1rem}.prompt-textarea:focus{border-color:var(--primary);outline:none}.prompt-suggestions{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.suggestion-chip{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.suggestion-chip:hover{border-color:var(--primary);background:#7c3aed1a}.generate-btn{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border-radius:3rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-note{opacity:.8;font-size:.75rem;font-weight:400}.prompt-footnote{color:var(--text-secondary);font-size:.75rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{margin-bottom:1rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto}.use-cases-section{margin-bottom:4rem}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.use-case-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.5rem;padding:1.75rem;transition:transform .2s}.use-case-card:hover{transform:translateY(-4px)}.card-icon{margin-bottom:1rem;font-size:2.5rem}.use-case-card h3{margin-bottom:.75rem;font-size:1.25rem}.use-case-card p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}.example-box{background:var(--bg-elevated);border-left:3px solid var(--primary);border-radius:.75rem;margin-bottom:1.25rem;padding:.75rem;font-size:.875rem}.example-box strong{color:var(--primary-light);margin-bottom:.25rem;font-size:.75rem;display:block}.example-box em{color:var(--text-secondary);font-style:italic}.card-link{color:var(--primary-light);font-size:.875rem;font-weight:600;text-decoration:none}.examples-section{margin-bottom:4rem}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.example-item{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.25rem}.example-category{color:var(--primary-light);background:#7c3aed33;border-radius:2rem;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.example-text{margin-bottom:.75rem;font-size:1rem;font-weight:500;line-height:1.4}.example-metrics{color:var(--text-secondary);font-size:.75rem}.how-it-works{background:linear-gradient(135deg,#7c3aed0d,#db277705);border-radius:2rem;margin-bottom:4rem;padding:2rem}.steps-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.step{text-align:center}.step-number{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;font-size:1.25rem;font-weight:700;display:flex}.step h3{margin-bottom:.5rem;font-size:1.125rem}.step p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem;line-height:1.6}.step-link{color:var(--primary-light);font-size:.875rem;font-weight:600;text-decoration:none}.inline-link{color:var(--primary-light);text-decoration:none}.inline-link:hover{text-decoration:underline}.center-cta{text-align:center}.best-practices{margin-bottom:4rem}.practices-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.practice-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;padding:1.5rem}.practice-card h3{margin-bottom:.75rem;font-size:1.125rem}.practice-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.6}.mistakes-section{margin-bottom:4rem}.mistakes-list{background:var(--bg-card);border-radius:1.5rem;padding:1.5rem}.mistake-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;padding:1rem 0;display:flex}.mistake-item:last-child{border-bottom:none}.mistake-number{color:var(--warning);flex-shrink:0;font-weight:700}.mistake-item p{color:var(--text-secondary);font-size:.875rem}.mistake-item p strong{color:var(--text-primary)}.advanced-tips{margin-bottom:4rem}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.tip-card{background:linear-gradient(135deg,#7c3aed14,#db27770a);border:1px solid #7c3aed33;border-radius:1.25rem;padding:1.5rem}.tip-card h3{margin-bottom:.75rem;font-size:1.125rem}.tip-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.niche-section{margin-bottom:4rem}.niche-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.niche-category{background:var(--bg-card);border-radius:1.25rem;padding:1.5rem}.niche-category h3{color:var(--primary-light);margin-bottom:1rem;font-size:1rem}.niche-category ul{padding:0;list-style:none}.niche-category li{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:.5rem 0;font-size:.875rem;line-height:1.4}.niche-category li:last-child{border-bottom:none}.cta-secondary-outline{border:1px solid var(--primary);color:var(--primary-light);background:0 0;border-radius:3rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.cta-secondary-outline:hover{background:#7c3aed1a}.faq-section{margin-bottom:4rem}.faq-grid{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;margin-bottom:1rem}.faq-item summary{cursor:pointer;padding:1.25rem;font-weight:600;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--primary-light);font-size:1.25rem;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--text-secondary);padding:0 1.25rem 1.25rem;font-size:.875rem;line-height:1.6}.final-cta{margin-bottom:3rem}.final-cta-card{text-align:center;background:linear-gradient(135deg,#7c3aed26,#db277714);border:1px solid #7c3aed4d;border-radius:2rem;padding:3rem 2rem}.final-cta-card h2{margin-bottom:1rem;font-size:clamp(1.5rem,4vw,2rem)}.final-cta-card p{color:var(--text-secondary);margin-bottom:2rem}.final-cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.cta-primary-large{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border-radius:3rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;text-decoration:none}.cta-secondary-large{border:1px solid var(--border);color:var(--text-primary);background:0 0;border-radius:3rem;padding:1rem 2.5rem;font-weight:600;text-decoration:none}.final-note{color:var(--text-secondary);font-size:.75rem}.internal-links{border-top:1px solid var(--border);margin-top:4rem;padding-top:2rem}.internal-links h3{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem}.links-grid{flex-wrap:wrap;gap:1rem;display:flex}.links-grid a{color:var(--text-secondary);background:var(--bg-elevated);border-radius:2rem;padding:.25rem .75rem;font-size:.875rem;text-decoration:none;transition:color .2s}.links-grid a:hover{color:var(--primary-light)}@media (max-width:768px){.viral-ideas-container{padding:1rem 1rem 3rem}.hero-section{padding:2rem 1rem}.prompt-card{padding:1.25rem}.steps-container{grid-template-columns:1fr}.mistake-item{flex-direction:column;gap:.25rem}.final-cta-card{padding:2rem 1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-section,.prompt-section,.use-cases-section,.examples-section,.how-it-works,.best-practices,.mistakes-section,.advanced-tips,.niche-section,.faq-section,.final-cta{animation:.5s ease-out forwards fadeIn}