
:root{--purple:#26004d;--gold:#f5c542}
body{margin:0;font-family:Inter,sans-serif;color:#222}
h1,h2{font-family:'Playfair Display',serif}
.container{width:90%;max-width:1200px;margin:auto}
.header{height:90px;background:white}
.header .container{display:flex;align-items:center;justify-content:space-between;height:100%}
.btn,.gold{background:var(--purple);color:white;padding:14px 25px;border-radius:8px;text-decoration:none}
.hero{min-height:650px;background:linear-gradient(90deg,#26004ddd,#26004d55),url('../images/hero-house.jpg');background-size:cover;display:flex;align-items:center;color:white}
.hero h1{font-size:60px}
.hero span{color:var(--gold)}
.gold{background:var(--gold);color:#222}
.outline{padding:14px 25px;border:1px solid white;border-radius:8px;color:white;margin-left:10px}
.search{margin-top:-60px;background:white;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0002}
.filters{display:flex;gap:10px;flex-wrap:wrap}
input,select,button{padding:15px;border:1px solid #ddd}
button{background:var(--purple);color:white}
.trust,.cards{display:flex;gap:20px;padding:50px 0;flex-wrap:wrap}
.trust div,.card{padding:30px;background:#f7f7fa;border-radius:15px}
.card{flex:1}
.stats{background:var(--purple);color:white;padding:60px 0;text-align:center}
footer{background:#15002d;color:white;padding:50px 0}
@media(max-width:768px){
.hero h1{font-size:38px}
.header nav{display:none}
.filters{display:block}
input,select,button{width:100%;margin:5px 0}
}
