*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins}
body{background:#eef3f9;color:#222}
header{background:#fff;padding:18px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.logo img{height:55px}
nav a{margin-left:25px;text-decoration:none;color:#333;font-weight:500}

.hero{
height:90vh;
background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=1600&auto=format&fit=crop') center/cover;
display:flex;flex-direction:column;justify-content:center;align-items:center;
text-align:center;color:white;padding:20px}

.hero h1{font-size:48px;background:rgba(0,0,0,.55);padding:20px;border-radius:16px;margin-bottom:25px}

.search-box{
background:white;
padding:25px;
border-radius:18px;
display:flex;
flex-wrap:wrap;
gap:15px;
justify-content:center;
max-width:1000px;
box-shadow:0 20px 40px rgba(0,0,0,.2)}

select,input{padding:12px;border:1px solid #ddd;border-radius:10px}

.toggle-group button{
border:none;
padding:12px 22px;
border-radius:30px;
cursor:pointer;
background:#e9eef6}
.toggle-group .active{background:#003a91;color:white}

.priceBox{display:flex;flex-direction:column;font-weight:600}

.advBtn{background:#111;color:white;border:none;padding:12px 20px;border-radius:12px;cursor:pointer}

.advanced{
position:absolute;
margin-top:10px;
background:white;
padding:20px;
border-radius:16px;
box-shadow:0 20px 40px rgba(0,0,0,.2);
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
z-index:10}

.hidden{display:none}

.searchBtn{
background:#003a91;
color:white;
border:none;
padding:14px 35px;
border-radius:12px;
cursor:pointer;
font-size:16px}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
padding:50px}

.card{
background:white;
padding:18px;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,.1);
transition:.3s}
.card:hover{transform:translateY(-5px)}
.card img{width:100%;border-radius:12px;margin-top:10px}
.price{color:#003a91;font-weight:700;font-size:20px}

footer{
background:#003a91;
color:white;
text-align:center;
padding:30px;
margin-top:40px}

.socials img{
width:22px;
margin:0 8px;
filter:invert(1)}

.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25d366;
padding:16px;
border-radius:50%;
box-shadow:0 10px 25px rgba(0,0,0,.3)}
.whatsapp img{width:28px;filter:invert(1)}

.center{display:flex;height:70vh;flex-direction:column;align-items:center;justify-content:center}
.btn{background:#25d366;color:white;padding:15px 35px;border-radius:40px;text-decoration:none;font-size:20px}
.title{text-align:center;margin-top:40px;font-size:34px}