/* ABC Home 6 - Complete Styles */
*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#00b8d4;--secondary:#0097a7;--accent:#ffc107;--dark:#2c3e50;--light:#ecf0f1;--text:#333;--text-light:#777}body{font-family:'Poppins',sans-serif;line-height:1.6;color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:0 20px}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit;transition:all .3s}.btn{padding:15px 40px;border-radius:50px;font-weight:600;border:none;cursor:pointer;transition:all .3s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--secondary);transform:translateY(-2px)}.btn-secondary{background:white;color:var(--primary)}.btn-appointment{padding:12px 30px;background:var(--accent);color:white;border-radius:50px;font-weight:600}.main-header{background:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;padding:15px 0}.navbar{display:flex;justify-content:space-between;align-items:center}.logo img{height:60px}.nav-menu{display:flex;list-style:none;gap:35px}.nav-menu a{font-weight:500;color:var(--dark);position:relative}.nav-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:all .3s}.nav-menu a:hover::after,.nav-menu li.active a::after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:var(--dark);margin:3px 0}.hero-section{padding:150px 0;text-align:center;color:white}.hero-subtitle{color:var(--accent);font-size:18px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.hero-section h1{font-size:64px;margin:20px 0;line-height:1.2}.hero-section p{font-size:18px;max-width:600px;margin:20px auto 40px;opacity:0.95}.hero-buttons{display:flex;gap:20px;justify-content:center}.section-header{text-align:center;margin-bottom:60px}.section-subtitle{display:inline-block;color:var(--primary);font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.section-header h2{font-size:42px;color:var(--dark);margin-bottom:15px}.section-header p{color:var(--text-light);max-width:700px;margin:0 auto}.how-work-section{padding:80px 0;background:white}.work-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.work-step{text-align:center}.step-number{width:80px;height:80px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin:0 auto 20px}.work-step h3{margin-bottom:15px;color:var(--dark)}.about-section{padding:80px 0;background:var(--light)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image img{border-radius:10px;width:100%}.about-content .section-subtitle{display:block;margin-bottom:10px}.about-content h2{font-size:36px;margin-bottom:20px}.about-content p{margin-bottom:20px;color:var(--text-light)}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.feature-item{display:flex;align-items:center;gap:10px;font-weight:600}.feature-item i{color:var(--primary);font-size:20px}.appointment-form-section{padding:80px 0;background:linear-gradient(135deg,var(--primary),var(--secondary))}.form-wrapper{max-width:800px;margin:0 auto;text-align:center}.form-wrapper h3{color:white;font-size:32px;margin-bottom:40px}.appointment-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.appointment-form input,.appointment-form select{padding:15px;border:none;border-radius:5px;width:100%}.appointment-form button{grid-column:1/3}.services-section{padding:80px 0;background:white}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.service-card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:all .3s}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.2)}.service-card img{width:100%;height:200px;object-fit:cover}.service-card h3{padding:20px 20px 10px;color:var(--dark)}.service-card p{padding:0 20px 20px;color:var(--text-light)}.why-choose-section{padding:80px 0;background:var(--light)}.why-choose-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.feature{display:flex;align-items:center;gap:10px;font-weight:600}.feature i{color:var(--primary);font-size:20px}.video-intro{position:relative}.video-intro img{border-radius:10px;width:100%}.cta-box{background:white;padding:30px;border-radius:10px;margin-top:-100px;position:relative;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.phone-number{display:block;font-size:32px;color:var(--primary);font-weight:700;margin-top:15px}.pricing-section{padding:80px 0;background:white}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.pricing-card{background:white;border:2px solid var(--light);border-radius:10px;padding:40px;text-align:center;transition:all .3s}.pricing-card.featured{border-color:var(--primary);transform:scale(1.05)}.pricing-card h3{margin-bottom:30px;font-size:24px}.pricing-card ul{list-style:none;margin-bottom:30px}.pricing-card li{padding:10px 0;color:var(--text-light)}.pricing-card i{color:var(--primary);margin-right:10px}.price{font-size:48px;color:var(--primary);font-weight:700;margin-bottom:30px}.price span{font-size:16px;color:var(--text-light);font-weight:400}.team-section{padding:80px 0;background:var(--light)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.team-member{text-align:center}.team-member img{width:255px;height:255px;border-radius:50%;object-fit:cover;margin-bottom:20px}.team-member h3{margin-bottom:5px}.team-member p{color:var(--primary)}.testimonials-section{padding:80px 0;background:white}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.testimonial{background:var(--light);padding:40px;border-radius:10px}.testimonial p{margin-bottom:20px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:15px}.testimonial-author img{width:60px;height:60px;border-radius:50%}.testimonial-author h4{margin-bottom:5px}.testimonial-author span{font-size:14px;color:var(--text-light)}.blog-section{padding:80px 0;background:var(--light)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.blog-card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:all .3s}.blog-card:hover{transform:translateY(-5px)}.blog-card img{width:100%;height:250px;object-fit:cover}.blog-card h3{padding:20px 20px 10px;font-size:18px}.blog-meta{padding:0 20px 20px;display:flex;gap:20px;font-size:14px;color:var(--text-light)}.main-footer{background:var(--dark);color:white;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-logo{height:60px;margin-bottom:20px}.footer-col h3,.footer-col h5{margin-bottom:20px}.footer-col p{color:rgba(255,255,255,0.7);margin-bottom:15px}.footer-info{list-style:none}.footer-info li{margin-bottom:15px;display:flex;gap:10px;color:rgba(255,255,255,0.7)}.footer-info i{color:var(--primary);margin-top:3px}.footer-post{display:flex;gap:15px;margin-bottom:20px}.footer-post img{width:80px;height:80px;border-radius:5px;object-fit:cover}.footer-post h5{font-size:14px;margin-bottom:5px}.footer-post span{font-size:12px;color:rgba(255,255,255,0.5)}.newsletter-form{display:flex;gap:10px}.newsletter-form input{flex:1;padding:12px;border:none;border-radius:5px}.newsletter-form button{padding:12px 20px;background:var(--primary);color:white;border:none;border-radius:5px;cursor:pointer}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.7)}@media(max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:90px;flex-direction:column;background:white;width:100%;padding:20px;box-shadow:0 10px 20px rgba(0,0,0,0.1);transition:all .3s;z-index:999}.nav-menu.active{left:0}.hero-section h1{font-size:42px}.about-layout,.why-choose-layout{grid-template-columns:1fr}.work-steps,.services-grid,.pricing-grid,.team-grid,.testimonials-grid,.blog-grid{grid-template-columns:1fr}.appointment-form{grid-template-columns:1fr}.appointment-form button{grid-column:1}.footer-content{grid-template-columns:1fr}}
