body { margin:0; font-family: Arial, sans-serif; background:#ffffff; color:#0B2545; }
a { text-decoration:none; }
header, footer { background:#0B2545; color:white; }
nav a { margin:0 10px; color:white; font-weight:bold; }
nav a:hover { color:#C2A25A; }
.nav-wrapper { max-width:1200px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:10px 20px; }
.logo { display:flex; align-items:center; gap:10px; font-weight:bold; font-size:1.4em; color:#C2A25A; }
.logo img { width:50px; border-radius:8px; }
.hero { display:grid; grid-template-columns:1fr 1fr; max-width:1200px; margin:auto; padding:60px 20px; gap:40px; align-items:center; }
.hero h1 { font-size:2.8em; margin:0; color:#0B2545; }
.hero-image { background:#0B2545; border-radius:16px; display:flex; align-items:center; justify-content:center; color:#C2A25A; font-weight:bold; }
.pill { display:inline-block; padding:6px 12px; border-radius:9999px; background:#C2A25A20; border:1px solid #C2A25A55; font-size:0.9em; color:#0B2545; }
.section { max-width:1200px; margin:auto; padding:60px 20px; }
.section h2 { font-size:2em; margin-bottom:10px; color:#0B2545; border-left:6px solid #C1121F; padding-left:10px; }
.section.dark { background:#0B2545; color:white; }
.section.dark h2 { color:#C2A25A; }
.section.light { background:#f9f9f9; }
.services { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.card { background:white; border:2px solid #C2A25A55; border-radius:16px; padding:20px; transition:transform 0.2s ease; }
.card:hover { transform:translateY(-5px); border-color:#C1121F; }
.card h3 { color:#0B2545; }
.card p { color:#333; }
.portfolio { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:15px; }
.portfolio img { width:100%; border-radius:12px; border:2px solid #C2A25A55; cursor:pointer; transition:transform 0.2s ease; }
.portfolio img:hover { transform:scale(1.05); border-color:#C1121F; }
/* Lightbox */
.lightbox { display:none; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); align-items:center; justify-content:center; flex-direction:column; }
.lightbox img { max-width:90%; max-height:80%; border:4px solid #C2A25A; border-radius:12px; margin-bottom:20px; }
.lightbox.active { display:flex; }
.lightbox a.nav { color:#C2A25A; font-size:2em; margin:0 20px; text-decoration:none; font-weight:bold; }
.lightbox a.close { color:white; font-size:2em; margin-top:10px; text-decoration:none; }
.contact-form { background:white; border:2px solid #C2A25A55; border-radius:16px; padding:20px; display:flex; flex-direction:column; gap:10px; }
.contact-form input, .contact-form textarea { padding:10px; border:1px solid #ccc; border-radius:8px; }
button { background:#C1121F; color:white; border:none; padding:12px 20px; border-radius:20px; cursor:pointer; font-weight:bold; }
button:hover { background:#0B2545; color:#C2A25A; }
footer { border-top:4px solid #C2A25A; padding:20px; text-align:center; font-size:0.9em; }
footer img { vertical-align:middle; margin-right:8px; border-radius:6px; width:40px; }