:root{--bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--bg-primary:linear-gradient(135deg,#f8f9fa,#e9ecef);--bg-secondary:rgba(255,255,255,0.85);--bg-tertiary:rgba(255,255,255,0.65);--bg-glass:rgba(255,255,255,0.75);--surface:#ffffff;--muted:#718096;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#8a8a8a;--border-color:rgba(0,0,0,0.08);--primary:#667eea;--accent:#764ba2;--accent-primary:linear-gradient(135deg,#667eea,#764ba2);--accent-secondary:linear-gradient(135deg,#f093fb,#f5576c);--accent-success:linear-gradient(135deg,#4facfe,#00f2fe);--success:#48bb78;--danger:#e53e3e;--shadow-soft:0 8px 32px rgba(0,0,0,0.08);--shadow-medium:0 12px 40px rgba(0,0,0,0.12);--shadow-large:0 16px 48px rgba(0,0,0,0.15);--glass-border:rgba(255,255,255,0.4);--backdrop-blur:blur(20px);--space-1:6px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--font-sans:"OneUI",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"SF Pro Display",sans-serif;--radius-lg:20px;--radius-md:12px}[data-theme=dark]{--bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--bg-primary:linear-gradient(135deg,#0f0f0f,#1a1a1a);--bg-secondary:rgba(30,30,30,0.85);--bg-tertiary:rgba(45,45,45,0.65);--bg-glass:rgba(40,40,40,0.75);--text-primary:#f5f5f5;--text-secondary:#d0d0d0;--text-tertiary:#909090;--border-color:rgba(255,255,255,0.08);--accent-primary:linear-gradient(135deg,#667eea,#764ba2);--accent-secondary:linear-gradient(135deg,#f093fb,#f5576c);--accent-success:linear-gradient(135deg,#4facfe,#00f2fe);--shadow-soft:0 8px 32px rgba(0,0,0,0.4);--shadow-medium:0 12px 40px rgba(0,0,0,0.5);--shadow-large:0 16px 48px rgba(0,0,0,0.6);--glass-border:rgba(255,255,255,0.1);--backdrop-blur:blur(24px)}*{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes liquidFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-20px) scale(1.1)}}.oneui-container{max-width:1100px;margin:0 auto;padding:0 20px}.oneui-header{background:var(--bg-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);padding:18px 0;border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.oneui-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(102,126,234,.15) 0,transparent 70%);border-radius:50%;filter:blur(40px);animation:liquidFloat 8s ease-in-out infinite}.header-inner{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.brand{font-weight:700;font-size:20px;color:white;text-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease}.nav{display:flex;gap:14px}.nav-link{color:white;text-decoration:none;font-weight:600;opacity:.95;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-link:hover{opacity:1;text-decoration:underline;transform:translateY(-1px)}.oneui-footer{padding:28px 0;background:var(--bg-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:white;border-top:1px solid var(--glass-border);box-shadow:var(--shadow-soft);margin-top:auto}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:14px}.footer-link{color:rgba(255,255,255,.9);text-decoration:none;margin:0 6px;transition:all .3s ease}.footer-link:hover{color:white;text-decoration:underline}.sep{margin:0 8px;color:rgba(255,255,255,.6)}.page-hero{min-height:72vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative}.page-hero:before{content:"";position:absolute;top:20%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(102,126,234,.1) 0,transparent 70%);border-radius:50%;filter:blur(60px);animation:liquidFloat 10s ease-in-out infinite}.card{background:var(--bg-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-large);width:100%;max-width:720px;border:1px solid var(--glass-border);position:relative;z-index:1;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.2)}.accent-card{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:white;border-radius:var(--radius-md);padding:18px;border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-medium)}.lead{font-size:18px}.lead,.muted{color:var(--muted)}.muted{font-size:14px}.feature-list{display:flex;flex-direction:column;gap:10px}.feature-item{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #edf2f7}.oneui-input{width:100%;padding:12px 14px;border-radius:8px;border:2px solid #e2e8f0;font-size:16px;outline:none}.oneui-input:focus{border-color:var(--primary);box-shadow:0 4px 20px rgba(102,126,234,.12)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;border:none;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--accent));color:white;box-shadow:0 8px 20px rgba(102,126,234,.28)}.btn-muted{background:#f1f5f9;color:#475569}.btn[disabled]{opacity:.6;cursor:not-allowed}.center{text-align:center}.mono{font-family:monospace}@media (max-width:640px){.card{padding:20px;border-radius:14px}.footer-inner{flex-direction:column;gap:8px}}.hero-section{padding:80px 20px;text-align:center;background:transparent}.hero-content{max-width:900px;margin:0 auto}.hero-badge{display:inline-block;padding:8px 18px;background:rgba(255,255,255,.95);color:var(--primary);border-radius:50px;font-weight:700;font-size:14px;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.hero-title{font-size:56px;font-weight:900;color:white;margin:0 0 24px;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.2)}.hero-subtitle{font-size:20px;color:rgba(255,255,255,.95);line-height:1.6;max-width:700px;margin:0 auto 40px}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.btn-hero-primary{background:white;color:var(--primary);padding:16px 32px;border-radius:12px;font-weight:700;font-size:18px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:transform .2s,box-shadow .2s}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.2)}.btn-hero-secondary{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:white;padding:16px 32px;border-radius:12px;font-weight:700;font-size:18px;text-decoration:none;border:2px solid rgba(255,255,255,.3);transition:all .2s}.btn-hero-secondary:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5)}.hero-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:36px;font-weight:900;color:white;margin-bottom:8px}.stat-label{font-size:14px;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:1px}.features-section{padding:80px 20px;background:white}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:42px;font-weight:900;color:#1a202c;margin:0 0 16px}.section-subtitle{font-size:18px;color:var(--muted);margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:30px;gap:30px;max-width:1200px;margin:0 auto}.feature-card{background:#f7fafc;padding:32px;border-radius:16px;transition:transform .2s,box-shadow .2s;position:relative}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-title{font-size:22px;font-weight:700;color:#1a202c;margin:0 0 12px}.feature-description{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.premium-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,var(--primary),var(--accent));color:white;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:700}.how-it-works-section{padding:80px 20px;background:#f7fafc}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:40px;gap:40px;max-width:1000px;margin:0 auto}.step-card{text-align:center;position:relative}.step-number{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--accent));color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;margin:0 auto 24px;box-shadow:0 8px 24px rgba(102,126,234,.3)}.step-title{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 12px}.step-description{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.pricing-section{padding:80px 20px;background:white}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:40px;gap:40px;max-width:900px;margin:0 auto}.pricing-card{background:white;border:2px solid #e2e8f0;border-radius:20px;padding:40px;transition:transform .2s,box-shadow .2s;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.pricing-card-featured{border-color:var(--primary);border-width:3px;box-shadow:0 8px 32px rgba(102,126,234,.2)}.featured-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary),var(--accent));color:white;padding:8px 20px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:1px}.pricing-header{text-align:center;margin-bottom:32px;padding-bottom:32px;border-bottom:2px solid #e2e8f0}.pricing-plan{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 16px}.pricing-price{font-size:56px;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 8px}.pricing-period{font-size:16px;color:var(--muted)}.pricing-subtext{font-size:14px;color:var(--muted);margin-top:8px}.pricing-features{list-style:none;padding:0;margin:0 0 32px}.pricing-features li{padding:12px 0;font-size:16px;color:#2d3748;border-bottom:1px solid #edf2f7}.btn-pricing{width:100%;padding:14px;background:#f1f5f9;color:#475569;border-radius:12px;font-weight:700;text-decoration:none;display:block;text-align:center;transition:all .2s}.btn-pricing:hover{background:#e2e8f0}.btn-pricing-featured{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--accent));color:white;border-radius:12px;font-weight:700;text-decoration:none;display:block;text-align:center;box-shadow:0 8px 24px rgba(102,126,234,.3);transition:all .2s}.btn-pricing-featured:hover{box-shadow:0 12px 32px rgba(102,126,234,.4);transform:translateY(-2px)}.faq-section{padding:80px 20px;background:#f7fafc}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:30px;gap:30px;max-width:1100px;margin:0 auto}.faq-item{background:white;padding:28px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.faq-question{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 12px}.faq-answer{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.faq-answer a{color:var(--primary);text-decoration:none}.faq-answer a:hover{text-decoration:underline}.cta-section{padding:100px 20px;background:linear-gradient(135deg,var(--primary),var(--accent));text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-size:42px;font-weight:900;color:white;margin:0 0 20px}.cta-subtitle{font-size:20px;color:rgba(255,255,255,.95);margin:0 0 40px;line-height:1.6}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-cta-primary{background:white;color:var(--primary);padding:16px 32px;border-radius:12px;font-weight:700;font-size:18px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:transform .2s,box-shadow .2s}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.2)}.btn-cta-secondary{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:white;padding:16px 32px;border-radius:12px;font-weight:700;font-size:18px;text-decoration:none;border:2px solid rgba(255,255,255,.3);transition:all .2s}.btn-cta-secondary:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5)}.footer-links-section{padding:60px 20px 40px;background:white}.footer-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:40px;gap:40px;max-width:1100px;margin:0 auto}.footer-links-title{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 16px}.footer-links-list{list-style:none;padding:0;margin:0}.footer-links-list li{margin-bottom:12px}.footer-links-list a{color:var(--muted);text-decoration:none;transition:color .2s}.footer-links-list a:hover{color:var(--primary)}@media (max-width:768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-buttons{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%;max-width:400px}.hero-stats{gap:30px}.section-title{font-size:32px}.faq-grid,.features-grid,.pricing-grid,.steps-grid{grid-template-columns:1fr}.cta-title{font-size:32px}.footer-links-grid{grid-template-columns:repeat(2,1fr)}}