:root,html.light-theme{--primary-color: #2563EB;--primary-hover: #1D4ED8;--primary-light: #3B82F6;--secondary-color: #1D4ED8;--accent-color: #1D4ED8;--accent-light: #3B82F6;--orange: #2563EB;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--text-main: #1f2937;--text-disabled: #9ca3af;--background: #ffffff;--background-light: #f9fafb;--background-dark: #f3f4f6;--border-color: #e5e7eb;--error-color: #ef4444;--success-color: #10b981;--card-background: #ffffff;--card-border: #e5e7eb;--surface-hover: #f3f4f6;--header-background: #ffffff;--header-shadow: rgba(0, 0, 0, .05);--header-shadow-scrolled: rgba(0, 0, 0, .1);--dropdown-background: #ffffff;--dropdown-shadow: rgba(0, 0, 0, .15);--dropdown-hover: #f3f4f6;--theme-toggle-bg: rgba(37, 99, 235, .1);--theme-toggle-hover-bg: rgba(37, 99, 235, .2);--theme-toggle-color: var(--primary-color);--hero-background: radial-gradient(ellipse at top, #3B82F6 0%, #2563EB 55%, #1D4ED8 100%);--footer-background: var(--primary-color);--cta-section-background: var(--primary-color);--cta-btn-background: #ffffff;--cta-btn-background-hover: #f3f4f6;--cta-btn-text: var(--primary-color);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--font-primary: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--container-max-width: 1280px;--container-padding: var(--spacing-md)}html.dark-theme{--primary-color: #60A5FA;--primary-hover: #93C5FD;--primary-light: #93C5FD;--secondary-color: #3B82F6;--accent-color: #93C5FD;--accent-light: #BFDBFE;--orange: #60A5FA;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-light: #9ca3af;--text-main: #f3f4f6;--text-disabled: #6b7280;--background: #0f172a;--background-light: #1e293b;--background-dark: #020617;--border-color: #334155;--error-color: #3B82F6;--success-color: #34d399;--card-background: #1e293b;--card-border: #334155;--surface-hover: #334155;--header-background: #020617;--header-shadow: rgba(0, 0, 0, .5);--header-shadow-scrolled: rgba(0, 0, 0, .7);--dropdown-background: #1e293b;--dropdown-shadow: rgba(0, 0, 0, .5);--dropdown-hover: #334155;--theme-toggle-bg: rgba(13, 148, 136, .15);--theme-toggle-hover-bg: rgba(13, 148, 136, .25);--theme-toggle-color: #60A5FA;--hero-background: radial-gradient(ellipse at top, #1e293b 0%, #0f172a 60%, #020617 100%);--footer-background: #1e293b;--cta-section-background: #1e293b;--cta-btn-background: #1e293b;--cta-btn-background-hover: #334155;--cta-btn-text: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;transition:background-color var(--transition-base),color var(--transition-base)}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;z-index:10000;transition:top var(--transition-fast);text-decoration:none}.skip-link:focus{top:1rem;outline:2px solid var(--accent-color);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--primary-color)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--primary-hover)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-3xl) 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:2px solid transparent;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb59}.btn-secondary{background:#1d4ed8;color:#fff}.btn-secondary:hover:not(:disabled){background:#1e40af;transform:translateY(-2px);box-shadow:0 8px 20px #1d4ed859}.btn-outline{background:var(--card-background);color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:var(--surface-hover);color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb33}.btn-large{padding:1rem 2rem;font-size:var(--font-size-lg)}.btn-small{padding:.5rem 1rem;font-size:var(--font-size-sm)}.btn-block{width:100%;display:flex;justify-content:center}.loading-state{display:inline-flex;align-items:center;gap:.5rem}.spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--card-background);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);border:1px solid var(--card-border)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-md)}.hero .badge{background:#ffffff2e;border-color:#ffffff59;color:#fff;backdrop-filter:blur(6px)}.gradient-text{color:#1d4ed8}.hero .gradient-text{background:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;color:#0b1e47!important;-webkit-text-fill-color:#0B1E47!important}html.dark-theme .hero .gradient-text{color:#93c5fd!important;-webkit-text-fill-color:#93C5FD!important}.cta-section .gradient-text,.footer .gradient-text,.hero h1,.hero h2,.hero .hero-title,.hero .hero-description,.hero p{color:#fff}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;font-size:var(--font-size-base);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);font-family:inherit;color:var(--text-primary);background:var(--card-background)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af1a}.form-input.invalid,.form-textarea.invalid,.form-select.invalid{border-color:var(--error-color)}.form-input.invalid:focus,.form-textarea.invalid:focus,.form-select.invalid:focus{box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:120px}.form-error{display:block;margin-top:.25rem;font-size:var(--font-size-sm);color:var(--error-color)}.form-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--spacing-sm)}.form-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.form-checkbox label{cursor:pointer;-webkit-user-select:none;user-select:none}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 992px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.grid-3{grid-template-columns:1fr}}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 992px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}@media (max-width: 1024px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.75rem}}@media (max-width: 768px){:root{--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem;--spacing-3xl: 4rem;--container-padding: var(--spacing-sm)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width: 480px){:root{--font-size-5xl: 1.75rem;--font-size-4xl: 1.5rem;--spacing-3xl: 3rem}}@media (max-width: 480px){.hero .hero-title,.hero h1{font-size:1.85rem!important;line-height:1.2}.hero .hero-description,.hero p{font-size:1rem}.testimonial-quote,.cta-illustration,.screen-emoji,.product-icon,.coming-soon-icon,.benefit-icon,.feature-icon{font-size:2.25rem!important}.stat-value,.benefit-stat,.fact-value,.section-header h2,.cta-section h2{font-size:1.5rem!important}.features-section,.benefits-section,.testimonials-section,.cta-section,.hero{padding-top:var(--spacing-2xl)!important;padding-bottom:var(--spacing-2xl)!important}.feature-card,.testimonial-card,.benefit-card,.about-card,.pricing-card{padding:var(--spacing-lg)!important}.hero-actions,.cta-actions,.hero-cta,.cta-buttons{flex-direction:column;align-items:stretch}.hero-actions .btn,.cta-actions .btn,.hero-cta .btn,.cta-buttons .btn{width:100%}}table{display:block;width:100%;overflow-x:auto}pre,code{max-width:100%;overflow-x:auto;word-break:break-word}