* { box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, sans-serif; }
body { background:#1b1b1b; color:#eee; line-height:1.6; }
header { padding:90px 20px; text-align:center; background:#2b2b2b; }
header h1 { font-size:52px; color:#e67e22; letter-spacing:1px; }
header p { margin:20px 0; font-size:18px; color:#ccc; }
.btn { background:#e67e22; color:#000; padding:14px 28px; text-decoration:none; font-weight:bold; }

.services { display:flex; flex-wrap:wrap; justify-content:center; padding:60px 20px; gap:30px; }
.services div { background:#262626; padding:30px; width:260px; border:1px solid #333; }

.beforeafter { padding:60px 20px; text-align:center; background:#202020; }
.beforeafter h2 { color:#e67e22; margin-bottom:30px; }
.ba-grid { display:flex; flex-wrap:wrap; gap:30px; justify-content:center; }
.ba-card { background:#262626; padding:20px; width:260px; border:1px solid #333; }
.ph { height:120px; display:flex; align-items:center; justify-content:center; font-weight:bold; margin-bottom:10px; }
.before { background:#3a3a3a; }
.after { background:#1f3d2b; color:#9be7c4; }

.about, .contact { padding:60px 20px; text-align:center; }
.about h2, .contact h2 { margin-bottom:20px; color:#e67e22; }
.contact-info { margin-bottom:25px; color:#ccc; }
.contact form { max-width:420px; margin:0 auto; display:flex; flex-direction:column; gap:15px; }
.contact input, .contact textarea { padding:12px; border:none; }
.contact button { background:#e67e22; border:none; padding:14px; font-weight:bold; cursor:pointer; }

footer { background:#111; padding:20px; text-align:center; font-size:14px; color:#777; }