/* style.css */
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#000;color:#fff}
header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,0.04)}
header img{height:52px}
nav a{color:#fff;margin:0 8px;text-decoration:none;font-weight:600}
.hero{height:56vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0b0b0b,#111);padding:24px;text-align:center}
.hero h1{font-size:38px;margin:6px 0}
.section{padding:36px 18px;max-width:980px;margin:18px auto;text-align:left}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:#0e0e0e;padding:18px;border-radius:8px;border:1px solid rgba(255,255,255,0.03)}
.gallery-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.gallery-row img{width:48%;max-width:420px;border-radius:6px;border:2px solid #222}
form input, form textarea{width:90%;max-width:560px;padding:10px;margin:8px 0;border-radius:6px;border:none;background:#111;color:#fff}
form button{padding:10px 18px;border-radius:6px;border:none;background:#0078d4;color:#fff;cursor:pointer}
footer{padding:18px;text-align:center;color:#999;background:#0b0b0b;margin-top:24px}
@media (max-width:600px){header{flex-direction:column;gap:12px}header img{height:44px}.gallery-row img{width:100%}}