*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:#e2e8f0;background-color:#0f172a}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#475569;box-shadow:0 2px 10px #0000004d;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:80px}.logo-container{display:flex;align-items:center;gap:12px}.logo{height:50px;width:auto;object-fit:contain}.brand-text h1{font-size:1.8rem;font-weight:700;color:#60a5fa;margin-bottom:2px}.brand-text span{font-size:.9rem;color:#94a3b8;font-weight:400}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{text-decoration:none;color:#e2e8f0;font-weight:500;transition:color .3s ease;position:relative}.nav-menu a:hover{color:#60a5fa}.nav-menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#60a5fa;transition:width .3s ease}.nav-menu a:hover:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}.mobile-menu-btn span{width:25px;height:3px;background:#e2e8f0;margin:3px 0;transition:.3s}.mobile-menu{background:#475569;padding:20px;box-shadow:0 2px 10px #0000004d}.mobile-menu a{display:block;padding:15px 0;text-decoration:none;color:#e2e8f0;font-weight:500;border-bottom:1px solid #334155}.mobile-menu a:hover{color:#60a5fa}.hero{margin-top:80px;padding:80px 20px;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;min-height:600px;max-width:1200px;margin-left:auto;margin-right:auto;gap:60px}.hero-content{flex:1}.hero-content h1{font-size:3.5rem;font-weight:700;color:#f1f5f9;margin-bottom:24px;line-height:1.2}.hero-content p{font-size:1.25rem;color:#cbd5e1;margin-bottom:40px;line-height:1.6}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.hero-image{flex:1}.hero-image img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 20px 40px #0000001a}.btn{display:inline-block;padding:16px 32px;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer;text-align:center}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 25px #3b82f666}.btn-secondary{background:transparent;color:#60a5fa;border:2px solid #60a5fa}.btn-secondary:hover{background:#60a5fa;color:#fff;transform:translateY(-2px)}.services{padding:100px 20px;background:#0f172a}.services h2{text-align:center;font-size:2.5rem;font-weight:700;color:#f1f5f9;margin-bottom:16px}.section-subtitle{text-align:center;font-size:1.25rem;color:#cbd5e1;margin-bottom:60px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;max-width:1200px;margin:0 auto}.service-card{background:#1e293b;padding:40px 30px;border-radius:12px;box-shadow:0 4px 20px #0000004d;text-align:center;transition:all .3s ease;border:1px solid #334155}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006;border-color:#60a5fa}.service-icon{font-size:3rem;margin-bottom:24px}.service-card h3{font-size:1.5rem;font-weight:600;color:#f1f5f9;margin-bottom:16px}.service-card p{color:#cbd5e1;line-height:1.6}.about{padding:100px 20px;background:#1e293b}.about-content{display:flex;align-items:center;gap:60px;max-width:1200px;margin:0 auto}.about-text{flex:1}.about-text h2{font-size:2.5rem;font-weight:700;color:#f1f5f9;margin-bottom:24px}.about-text>p{font-size:1.125rem;color:#cbd5e1;margin-bottom:40px;line-height:1.7}.about-features{display:flex;flex-direction:column;gap:24px}.feature h4{font-size:1.125rem;font-weight:600;color:#34d399;margin-bottom:8px}.feature p{color:#cbd5e1;line-height:1.6}.about-image{flex:1}.about-image img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 20px 40px #0000001a}.contact{padding:100px 20px;background:#0f172a}.contact h2{text-align:center;font-size:2.5rem;font-weight:700;color:#f1f5f9;margin-bottom:16px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:32px}.contact-item h4{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin-bottom:8px}.contact-item p{color:#cbd5e1;line-height:1.6}.contact-form{background:#1e293b;padding:40px;border-radius:12px;border:1px solid #334155}.contact-form h3{font-size:1.5rem;font-weight:600;color:#f1f5f9;margin-bottom:24px;text-align:center}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:500;color:#f1f5f9;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #475569;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:#334155;color:#f1f5f9}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.form-group textarea{resize:vertical;min-height:120px}.form-note{margin-top:16px;font-size:.9rem;color:#94a3b8;text-align:center;font-style:italic}.footer{background:#1e293b;color:#e2e8f0;padding:60px 20px 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto 40px}.footer-section h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:16px}.footer-section h4{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:16px}.footer-section p{color:#94a3b8;line-height:1.6;margin-bottom:8px}.footer-section ul{list-style:none}.footer-section ul li{color:#94a3b8;margin-bottom:8px}.footer-bottom{border-top:1px solid #334155;padding-top:20px;text-align:center}.footer-bottom p{color:#94a3b8}.hidden{display:none}.repair-page{margin-top:80px;min-height:100vh;background:#0f172a}.repair-hero{background:linear-gradient(135deg,#1e293b,#334155);padding:60px 20px;text-align:center}.back-btn{background:transparent;border:2px solid #60a5fa;color:#60a5fa;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:30px;font-size:1rem}.back-btn:hover{background:#60a5fa;color:#fff;transform:translateY(-2px)}.repair-hero h1{font-size:3rem;font-weight:700;color:#f1f5f9;margin-bottom:16px}.repair-hero p{font-size:1.25rem;color:#cbd5e1}.repair-content{padding:80px 20px}.repair-grid{display:grid;gap:60px;max-width:1200px;margin:0 auto}.repair-section h2{font-size:2rem;font-weight:600;color:#f1f5f9;margin-bottom:30px;text-align:center}.equipment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.equipment-item{background:#1e293b;padding:24px;border-radius:12px;border:1px solid #334155;transition:all .3s ease}.equipment-item:hover{transform:translateY(-4px);border-color:#60a5fa;box-shadow:0 10px 25px #0000004d}.equipment-item h4{font-size:1.25rem;font-weight:600;color:#60a5fa;margin-bottom:8px}.equipment-item p{color:#cbd5e1;line-height:1.6}.emergency-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.emergency-card{background:#dc2626;background:linear-gradient(135deg,#dc2626,#b91c1c);padding:24px;border-radius:12px;text-align:center;color:#fff}.emergency-card h4{font-size:1.25rem;font-weight:600;margin-bottom:12px}.emergency-card p{line-height:1.6;margin-bottom:8px}.emergency-phone{font-size:1.125rem;font-weight:600;background:#fff3;padding:8px 16px;border-radius:6px;display:inline-block;margin-top:8px}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.step{display:flex;align-items:flex-start;gap:16px;background:#1e293b;padding:24px;border-radius:12px;border:1px solid #334155}.step-number{background:#3b82f6;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.step-content h4{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin-bottom:8px}.step-content p{color:#cbd5e1;line-height:1.6}.pricing-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.pricing-card{background:#059669;background:linear-gradient(135deg,#059669,#047857);padding:24px;border-radius:12px;text-align:center;color:#fff}.pricing-card h4{font-size:1.25rem;font-weight:600;margin-bottom:12px}.pricing-card p{line-height:1.6}.repair-cta{background:#1e293b;padding:60px 40px;border-radius:16px;text-align:center;border:1px solid #334155;margin-top:60px}.repair-cta h2{font-size:2.5rem;font-weight:700;color:#f1f5f9;margin-bottom:16px}.repair-cta p{font-size:1.25rem;color:#cbd5e1;margin-bottom:40px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.nav-menu{display:none}.mobile-menu-btn{display:flex}.hero{flex-direction:column;text-align:center;gap:40px;padding:60px 20px}.hero-content h1{font-size:2.5rem}.hero-buttons{justify-content:center}.about-content{flex-direction:column;gap:40px}.contact-content{grid-template-columns:1fr;gap:40px}.services-grid{grid-template-columns:1fr;gap:30px}.service-card,.contact-form{padding:30px 20px}.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.repair-hero h1{font-size:2.5rem}.equipment-list,.emergency-info,.process-steps,.pricing-info{grid-template-columns:1fr}.repair-cta{padding:40px 20px}.repair-cta h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:280px}}@media (max-width: 480px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1.125rem}.services h2,.about-text h2,.contact h2{font-size:2rem}.btn{padding:14px 24px;font-size:.9rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}.repair-hero h1{font-size:2rem}.repair-section h2{font-size:1.75rem}}