@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.text-center{text-align:center}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff}.App{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);z-index:1000;padding:1rem 0;transition:all .3s ease}.navbar.scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#2563eb;text-decoration:none;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover,.nav-links a.active{color:#2563eb}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#2563eb;transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.page-container{flex:1;padding-top:80px}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8rem 0 6rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-content{max-width:800px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-button{display:inline-block;background:#fff;color:#2563eb;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.section{padding:6rem 0}.section.alt{background:#f8fafc}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.section-header p{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.card.gradient-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.card.gradient-card h3,.card.gradient-card h4,.card.gradient-card p,.card.gradient-card span{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.card.gradient-card .card-icon{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.card.gradient-card svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.card-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.card h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.card p{color:#64748b;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb}.form-group textarea{min-height:120px;resize:vertical}.btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.footer{background:#1e293b;color:#fff;padding:3rem 0 1rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2563eb}.footer-section p,.footer-section a{color:#94a3b8;text-decoration:none;line-height:1.6}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;padding-top:1rem;text-align:center;color:#94a3b8}.mobile-menu{background:#fffffffa;border-top:1px solid rgba(0,0,0,.1);padding:1rem 0}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:1rem;padding:0 2rem}.mobile-nav-links a{text-decoration:none;color:#333;font-weight:500;padding:.75rem 0;transition:color .3s ease}.mobile-nav-links a:hover,.mobile-nav-links a.active{color:#2563eb}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-btn{display:block}.product-showcase{grid-template-columns:1fr!important;gap:2rem!important}.product-showcase>div{order:unset!important}.hero h1{font-size:2.5rem}.hero p{font-size:1.125rem}.section-header h2{font-size:2rem}.nav-container,.container,.hero-content{padding:0 1rem}}@media (max-width: 480px){.hero{padding:6rem 0 4rem}.hero h1{font-size:2rem}.section{padding:4rem 0}.card{padding:1.5rem}}