*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #10b981;--dark: #1f2937;--light: #f9fafb;--gray: #6b7280;--white: #ffffff}html{scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;line-height:1.6;color:var(--dark);background:var(--white)}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:2.5rem;color:var(--dark);margin-bottom:15px}.section-title p{color:var(--gray);font-size:1.1rem;max-width:600px;margin:0 auto}.btn{display:inline-block;padding:14px 32px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--white)}.header{position:fixed;top:0;left:0;right:0;background:var(--white);box-shadow:0 2px 10px #0000001a;z-index:1000}.header .container{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{text-decoration:none;color:var(--dark);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary)}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}.hero{padding:150px 0 100px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content h1{font-size:3rem;margin-bottom:20px;color:var(--dark)}.hero-content h1 span{color:var(--primary)}.hero-content p{font-size:1.2rem;color:var(--gray);margin-bottom:30px}.hero-buttons{display:flex;gap:15px}.hero-image{display:flex;justify-content:center}.hero-image-placeholder{width:100%;max-width:450px;height:400px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:4rem}.services{background:var(--white)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{background:var(--light);padding:40px 30px;border-radius:15px;text-align:center;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.service-icon{width:70px;height:70px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.8rem}.service-card h3{margin-bottom:15px;color:var(--dark)}.service-card p{color:var(--gray)}.about{background:var(--light)}.about .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image-placeholder{width:100%;height:400px;background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:4rem}.about-content h2{font-size:2.5rem;margin-bottom:20px}.about-content p{color:var(--gray);margin-bottom:15px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary)}.stat-label{color:var(--gray);font-size:.9rem}.testimonials{background:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.testimonial-card{background:var(--light);padding:30px;border-radius:15px}.testimonial-text{font-style:italic;color:var(--gray);margin-bottom:20px;line-height:1.8}.testimonial-author{display:flex;align-items:center;gap:15px}.author-avatar{width:50px;height:50px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600}.author-info h4{font-size:1rem;margin-bottom:3px}.author-info p{font-size:.85rem;color:var(--gray)}.contact{background:var(--light)}.contact .container{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-info h2{font-size:2.5rem;margin-bottom:20px}.contact-info>p{color:var(--gray);margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:15px}.contact-icon{width:45px;height:45px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.2rem}.contact-form{background:var(--white);padding:40px;border-radius:15px;box-shadow:0 10px 30px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--dark);color:var(--white);padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand h3{font-size:1.5rem;margin-bottom:15px;color:var(--primary)}.footer-brand p{color:#9ca3af;line-height:1.8}.footer-links h4,.footer-social h4{margin-bottom:20px;font-size:1.1rem}.footer-links ul{list-style:none}.footer-links a{color:#9ca3af;text-decoration:none;line-height:2;transition:color .3s}.footer-links a:hover{color:var(--primary)}.social-icons{display:flex;gap:15px}.social-icon{width:40px;height:40px;background:#374151;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;transition:background .3s}.social-icon:hover{background:var(--primary)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #374151;color:#9ca3af}@media (max-width: 968px){.hero .container,.about .container,.contact .container,.services-grid,.testimonials-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.social-icons{justify-content:center}.nav-links{display:none}.mobile-menu-btn{display:block}.hero-content h1{font-size:2.2rem}.hero-buttons{flex-direction:column}.about-stats{grid-template-columns:1fr;gap:15px}}
