html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:red;--secondary-color:#fff;--accent-color:gold;--text-dark:#1f2937;--text-light:#6b7280;--border-color:#e5e7eb;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.landing-page{width:100%;overflow-x:hidden}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.header{background:linear-gradient(135deg, var(--primary-color) 0%, #ff0000e6 100%);color:var(--secondary-color);z-index:1000;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.header-top{padding:var(--spacing-md) 0}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.logo{align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{font-size:2rem}.logo-text{letter-spacing:1px}.nav-links{gap:var(--spacing-lg);flex:1;justify-content:center;display:flex}.nav-links a{color:var(--secondary-color);font-weight:500;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:.8}.header-buttons{gap:var(--spacing-sm);display:flex}.btn-primary{background-color:var(--accent-color);color:var(--text-dark);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border:none;border-radius:4px;font-size:.95rem;font-weight:600;transition:all .3s}.btn-primary:hover{background-color:#ffc700;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.btn-secondary{color:var(--secondary-color);border:2px solid var(--secondary-color);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;background-color:#0000;border-radius:4px;font-size:.95rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background-color:var(--secondary-color);color:var(--primary-color)}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.05rem}.hero{padding:var(--spacing-xl) 0;text-align:center;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%)}.hero-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.hero-title{color:var(--text-dark);margin-bottom:var(--spacing-sm);font-size:2.5rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--primary-color);font-size:1.5rem;font-weight:700}.hero-description{color:var(--text-light);max-width:800px;margin:0 auto;font-size:1.1rem}.keywords-section{margin:var(--spacing-lg) 0}.keywords-group{padding:var(--spacing-lg);background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.keywords-group h3{margin-bottom:var(--spacing-md);color:var(--text-dark);font-size:1.1rem}.keywords-list{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.keyword-badge{background:linear-gradient(135deg, var(--primary-color) 0%, #f00c 100%);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:.9rem;font-weight:500;box-shadow:0 2px 8px #f003}.hidden-keywords{display:none}.hero-buttons{gap:var(--spacing-md);margin:var(--spacing-lg) 0;flex-wrap:wrap;justify-content:center;display:flex}.stats{gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;box-shadow:0 4px 12px #00000014}.stat-item{text-align:center}.stat-number{color:var(--primary-color);font-size:2rem;font-weight:800}.stat-label{color:var(--text-light);margin-top:var(--spacing-xs);font-size:.95rem}.features{padding:var(--spacing-xl) 0;background:#fff}.section-title{text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-dark);font-size:2rem;font-weight:800}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{padding:var(--spacing-lg);text-align:center;border:1px solid var(--border-color);background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:8px;transition:all .3s}.feature-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.feature-icon{margin-bottom:var(--spacing-md);font-size:3rem}.feature-title{margin-bottom:var(--spacing-sm);color:var(--text-dark);font-size:1.2rem;font-weight:700}.feature-description{color:var(--text-light);font-size:.95rem}.testimonials{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%)}.testimonials-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.testimonial-card{padding:var(--spacing-lg);border-left:4px solid var(--primary-color);background:#fff;border-radius:8px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.testimonial-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.testimonial-text{color:var(--text-dark);margin-bottom:var(--spacing-md);font-style:italic;line-height:1.8}.testimonial-author{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.author-name{color:var(--text-dark);font-weight:700}.author-location{color:var(--text-light);margin-top:var(--spacing-xs);font-size:.9rem}.faq{padding:var(--spacing-xl) 0;background:#fff}.faq-list{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--border-color);margin-bottom:var(--spacing-md);background:#f9fafb;border-radius:8px;overflow:hidden}.faq-question{padding:var(--spacing-lg);cursor:pointer;color:var(--text-dark);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-weight:600;transition:all .3s;display:flex}.faq-question:hover{color:var(--primary-color);background:#f3f4f6}.faq-question:after{content:"▼";font-size:.8rem;transition:transform .3s}details[open] .faq-question{background:linear-gradient(135deg, var(--primary-color) 0%, #f00c 100%);color:#fff}details[open] .faq-question:after{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--text-light);background:#fff;line-height:1.8}.cta-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg, var(--primary-color) 0%, #ff0000e6 100%);color:#fff;text-align:center}.cta-content h2{margin-bottom:var(--spacing-md);font-size:2rem;font-weight:800}.cta-content p{margin-bottom:var(--spacing-lg);opacity:.95;font-size:1.1rem}.cta-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.cta-buttons .btn-primary{background-color:var(--accent-color)}.cta-buttons .btn-secondary{color:var(--primary-color);background-color:#fff;border-color:#fff}.footer{background:var(--text-dark);color:#fff;padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-content{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.footer-section h4{margin-bottom:var(--spacing-md);font-size:1.1rem}.footer-section p{color:#d1d5db;font-size:.95rem;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-sm);color:#d1d5db}.footer-section a{color:#d1d5db;text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--accent-color)}.footer-bottom{padding-top:var(--spacing-lg);text-align:center;color:#9ca3af;border-top:1px solid #374151;font-size:.9rem}.utm-info{margin-top:var(--spacing-xs);font-size:.85rem}@media (width<=768px){.header-content{gap:var(--spacing-md);flex-direction:column}.nav-links{flex-wrap:wrap;order:3;justify-content:space-around;width:100%}.header-buttons{order:2;justify-content:center;width:100%}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:1.5rem}.features-grid,.testimonials-grid{grid-template-columns:1fr}.hero-buttons,.cta-buttons{flex-direction:column}.btn-large{width:100%}.stats{grid-template-columns:1fr}.container{padding:0 var(--spacing-md)}}@media (width<=480px){.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1rem}.keywords-list{gap:var(--spacing-xs)}.keyword-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.logo{font-size:1.2rem}.logo-icon{font-size:1.5rem}}#root{width:100%;margin:0;padding:0}