*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}#root{max-width:none;margin:0;padding:0;text-align:center}body{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.navbar{background:#1e293b;color:#e3f0ff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px #1e293b14;width:100%}.navbar .brand{font-size:2rem;font-weight:800;color:#3b82f6}.navbar .nav-links{display:flex;gap:2rem;align-items:center}.navbar .nav-link{color:#e3f0ff;font-weight:500;transition:color .2s;text-decoration:none}.navbar .nav-link:hover{color:#3b82f6}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{width:25px;height:3px;background:#e3f0ff;margin:3px 0;transition:.3s}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.btn-primary{background:#3b82f6;color:#fff;padding:.75rem 2rem;border-radius:.5rem;font-weight:700;border:none;cursor:pointer;transition:background .2s;text-decoration:none;display:inline-block;min-height:44px;line-height:1.2;display:flex;align-items:center;justify-content:center}.btn-primary:hover{background:#1e293b}.card{background:#fff;border-radius:1rem;box-shadow:0 4px 16px #1e293b14;padding:2rem;margin:1rem;display:flex;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s}.card:hover{transform:scale(1.03);box-shadow:0 8px 32px #1e293b29}.section{margin:2rem 0;padding:2rem 1rem;background:#e3f0ff;border-radius:1rem}input,textarea{border:1px solid #ccc;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;width:100%;font-size:1rem;min-height:44px}button[type=submit]{background:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.75rem 2rem;font-weight:700;cursor:pointer;transition:background .2s;min-height:44px}button[type=submit]:hover{background:#1e293b}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.navbar .nav-links{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:#1e293b;flex-direction:column;padding:2rem;transition:left .3s ease;gap:1rem}.navbar .nav-links.active{left:0}.navbar .nav-link{font-size:1.1rem;padding:1rem 0;border-bottom:1px solid #334155;width:100%;text-align:center}.navbar .brand{font-size:1.5rem}h1{font-size:2.5rem!important;line-height:1.1!important}h2{font-size:2rem!important}h3{font-size:1.5rem!important}p{font-size:1rem!important}.navbar{padding:.75rem 1rem}.card{padding:1.5rem;margin:.5rem}.grid-responsive{grid-template-columns:1fr!important;gap:1rem!important}.grid-responsive[style*="repeat(2, 1fr)"]{grid-template-columns:1fr!important}.grid-responsive[style*="minmax(320px"]{grid-template-columns:repeat(2,1fr)!important}.grid-responsive[style*="minmax(350px"]{grid-template-columns:1fr!important}img{max-width:100%!important;height:auto!important}.btn-primary{padding:.75rem 1.5rem;font-size:1rem;width:100%;max-width:300px}section{padding:3rem 1rem!important}.hero-content{flex-direction:column!important;gap:2rem!important;text-align:center!important}.hero-content>div{min-width:auto!important;flex:none!important}.testimonial-card{padding:2rem 1rem!important}.faq-item{margin-bottom:1rem!important}.faq-question{padding:1rem!important;font-size:1rem!important}.faq-answer{padding:0 1rem 1rem!important}.contact-form{padding:1.5rem!important}.pricing-card{margin-bottom:1.5rem!important}}@media (max-width: 480px){h1{font-size:2rem!important}h2{font-size:1.75rem!important}.navbar .brand{font-size:1.25rem}.card{padding:1rem;margin:.25rem}section{padding:2rem .75rem!important}.btn-primary{padding:.75rem 1rem;font-size:.9rem}}@media (min-width: 769px) and (max-width: 1024px){.navbar .nav-links{gap:1.5rem}h1{font-size:3rem!important}h2{font-size:2.25rem!important}.card{padding:1.75rem}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center-mobile{text-align:center}@media (min-width: 769px){.text-center-mobile{text-align:left}}.flex-column-mobile{flex-direction:column}@media (min-width: 769px){.flex-column-mobile{flex-direction:row}}body{overflow-x:hidden}button,a,input,textarea{touch-action:manipulation}@media (max-width: 768px){.mobile-menu-toggle{-moz-user-select:none;user-select:none;-webkit-user-select:none}.nav-links{-webkit-overflow-scrolling:touch}input,textarea{font-size:16px!important}.btn-primary{min-height:48px}.card{margin:.5rem 0}img{max-width:100%;height:auto}}html,body{overflow-x:hidden;max-width:100%}html{scroll-behavior:smooth}