*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;color:#1e1e1e;line-height:1.6;background:#fafafa;}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}
a{text-decoration:none;color:inherit;}
h1,h2,h3{font-weight:700;}
h2{font-size:2rem;margin-bottom:30px;text-align:center;}

.site-header{position:sticky;top:0;background:#0d0d0d;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,0.3);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;}
.logo{font-size:1.6rem;font-weight:700;color:#fff;}
.logo span{color:#e63946;}
.main-nav{display:flex;gap:24px;}
.main-nav a{color:#fff;font-weight:600;transition:color .2s;}
.main-nav a:hover{color:#e63946;}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;}
.nav-toggle span{width:26px;height:3px;background:#fff;display:block;}

.hero{background:linear-gradient(135deg,#0d0d0d,#2c2c2c);color:#fff;padding:120px 0 100px;text-align:center;}
.hero h1{font-size:2.8rem;margin-bottom:20px;}
.hero p{font-size:1.2rem;max-width:640px;margin:0 auto 30px;color:#ddd;}
.btn{display:inline-block;padding:14px 32px;border-radius:6px;font-weight:600;transition:all .2s;}
.btn-primary{background:#e63946;color:#fff;}
.btn-primary:hover{background:#c62839;}

.services{padding:90px 0;background:#fff;}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.card{background:#f5f5f5;padding:30px;border-radius:10px;border-left:4px solid #e63946;transition:transform .2s;}
.card:hover{transform:translateY(-6px);}
.card h3{margin-bottom:12px;color:#0d0d0d;}

.about{padding:90px 0;background:#f0f0f0;}
.about-inner{display:flex;gap:50px;align-items:center;flex-wrap:wrap;}
.about-text{flex:1;min-width:280px;}
.about-text h2{text-align:left;}
.about-list{margin-top:16px;padding-left:20px;}
.about-image{flex:1;min-width:280px;}
.image-placeholder{background:#0d0d0d;color:#fff;height:300px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:600;font-size:1.2rem;}

.gallery{padding:90px 0;background:#fff;}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.gallery-item{background:#0d0d0d;color:#fff;height:180px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;text-align:center;padding:10px;}

.testimonials{padding:90px 0;background:#f0f0f0;}
.testimonial-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.testimonial{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.06);}
.testimonial span{display:block;margin-top:14px;font-weight:600;color:#e63946;}

.contact{padding:90px 0;background:#fff;}
.contact-inner{display:flex;gap:50px;flex-wrap:wrap;}
.contact-info{flex:1;min-width:280px;}
.contact-info h2{text-align:left;}
.socials{margin-top:20px;display:flex;gap:16px;}
.socials a{background:#0d0d0d;color:#fff;padding:8px 16px;border-radius:5px;font-weight:600;transition:background .2s;}
.socials a:hover{background:#e63946;}
.contact-form{flex:1;min-width:280px;background:#f5f5f5;padding:30px;border-radius:10px;}
.contact-form label{display:block;margin-top:14px;font-weight:600;}
.contact-form input,.contact-form textarea{width:100%;padding:10px;margin-top:6px;border:1px solid #ccc;border-radius:5px;font-family:inherit;}
.contact-form button{margin-top:20px;width:100%;}
.form-status{margin-top:14px;font-weight:600;color:#e63946;}

.policy{padding:100px 0 60px;max-width:800px;}
.policy h1{margin-bottom:20px;}
.policy h2{text-align:left;font-size:1.4rem;margin-top:30px;}
.policy p{margin-bottom:10px;}

.site-footer{background:#0d0d0d;color:#ccc;padding:40px 0;text-align:center;}
.site-footer a{color:#e63946;font-weight:600;}
.footer-inner p{margin-bottom:8px;}

@media(max-width:900px){
  .cards,.gallery-grid,.testimonial-cards{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:768px){
  .main-nav{position:absolute;top:100%;left:0;right:0;background:#0d0d0d;flex-direction:column;padding:20px;display:none;}
  .main-nav.open{display:flex;}
  .nav-toggle{display:flex;}
  .cards,.gallery-grid,.testimonial-cards{grid-template-columns:1fr;}
  .hero h1{font-size:2.1rem;}
}
