body{

    font-family:'Montserrat',sans-serif;

}
:root{--o:#FF7F00;--b:#0047AB;--n:#002147;--g:#D4AF37}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f7f7f7;color:var(--n)}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 8%;background:#fff;position:sticky;top:0}nav a{margin-left:1rem;color:var(--b);text-decoration:none;font-weight:bold}.logo{height:60px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:4rem 8%;align-items:center;background:linear-gradient(135deg,var(--n),var(--b));color:#fff}.hero img{width:100%;border-radius:16px}.btn{display:inline-block;background:var(--o);color:#fff;padding:.8rem 1.2rem;border-radius:8px;text-decoration:none}section{padding:4rem 8%}h2{color:var(--b)}.gallery img{max-width:400px;width:100%;border-radius:12px}form{display:grid;gap:1rem;max-width:600px}input,textarea,button{padding:.8rem;border:1px solid #ccc;border-radius:8px}button{background:var(--g);border:none;font-weight:bold}footer{text-align:center;padding:2rem;background:var(--n);color:#fff}@media(max-width:800px){.hero{grid-template-columns:1fr}header{flex-direction:column}.logo{margin-bottom:1rem}}
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
blockquote{background:#fff;padding:1.5rem;border-left:6px solid var(--o);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin:0}

.hero{

    position:relative;

    min-height:100vh;

    background:url("assets/hero.jpg") center center/cover;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    overflow:hidden;

}

.hero-content{

    position:relative;

    z-index:5;

    color:white;

    max-width:900px;

    padding:40px;

}

.hero-logo{

    width:220px;

    margin-bottom:30px;

}

@media(max-width:768px){

.hero-logo{

width:150px;

}

}

.hero h1{

    font-size:4rem;

    font-weight:800;

    margin-bottom:15px;

}

.hero p{

    font-size:1.3rem;

    line-height:1.8;

    margin-bottom:35px;

}




.gallery{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

gap:20px;

margin-top:40px;

}

.gallery img{

width:100%;

height:280px;

object-fit:cover;

border-radius:18px;

transition:.35s;

cursor:pointer;

box-shadow:0 12px 30px rgba(0,0,0,.15);

}

.gallery img:hover{

transform:translateY(-8px);

box-shadow:0 18px 45px rgba(0,0,0,.25);

}

section h2{

font-size:2.3rem;

font-weight:700;

text-align:center;

margin-bottom:15px;

color:#002147;

}