:root{--blue:#0758a6;--deep:#063a70;--sky:#eaf5ff;--ink:#10263c;--card:#fff;--green:#16895d}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f9fc;color:var(--ink)}
header{background:linear-gradient(135deg,#073c72,#0b78c7);color:white;padding:28px 18px;text-align:center}
.brand{font-size:38px;font-weight:900}.sub{letter-spacing:3px}.wrap{max-width:1050px;margin:auto;padding:18px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:center}.hero img,.project img{width:100%;border-radius:20px;object-fit:cover}.hero img{height:330px}
.btn{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:12px 16px;font-weight:800;cursor:pointer}.btn.green{background:var(--green)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:white;border-radius:18px;padding:16px;box-shadow:0 7px 24px #092f5514}
.project img{height:150px}.price{font-weight:900;color:var(--blue)}h2{margin-top:34px}
label{display:block;font-weight:700;margin:10px 0 5px}input,select,textarea{width:100%;padding:11px;border:1px solid #c9d9e8;border-radius:10px;background:white}
table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #dde7ef;text-align:left}
.badge{padding:6px 10px;border-radius:99px;background:#e7f2ff;color:var(--deep);font-weight:700}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
footer{background:#082f57;color:white;text-align:center;padding:28px;margin-top:36px}
@media(max-width:760px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.hero img{height:240px}}