*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#18202b;background:#f7f8fa}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,92%);margin:auto}.topbar{height:78px;background:#fff;border-bottom:1px solid #e9edf2;position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0e2345;line-height:1}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0d2c62,#1767d5);color:#fff;font-size:25px;font-weight:800}.brand strong{display:block;font-size:18px;letter-spacing:1px}.brand small{display:block;margin-top:4px;font-size:9px;letter-spacing:2px;color:#2a91b8}.nav nav{display:flex;gap:25px;margin-left:auto}.nav nav a{color:#344054;text-decoration:none;font-size:14px;font-weight:600}.nav nav a:hover{color:#1262c9}.nav-actions{display:flex;gap:10px}.link-btn,.primary-btn{border:0;border-radius:9px;padding:11px 17px;font-weight:700}.link-btn{background:transparent;color:#16345f}.primary-btn{background:#0f5ec9;color:#fff;box-shadow:0 5px 15px #0f5ec933}.primary-btn:hover{background:#0b4fae}.menu-btn{display:none;border:0;background:none;font-size:25px}.hero{position:relative;min-height:510px;background:linear-gradient(120deg,#061a38,#0c4c91);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -180px;height:350px;background:#f7f8fa;border-radius:50% 50% 0 0/35% 35% 0 0}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,#1a8bdc55,transparent 35%),linear-gradient(90deg,#061a38dd,#0c4c9144)}.hero-content{position:relative;z-index:2;padding:75px 0 90px;color:#fff}.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:#5bc4e7}.hero h1{font-size:52px;line-height:1.05;margin:15px 0}.hero h1 span{color:#5bd0e7}.hero p{font-size:17px;color:#d9e7f7;margin-bottom:30px}.search-panel{background:#fff;color:#1b2736;padding:15px;border-radius:15px;box-shadow:0 20px 50px #00183a55}.tabs{display:flex;gap:5px;border-bottom:1px solid #edf0f4;margin-bottom:14px}.tab{border:0;background:transparent;padding:12px 18px;font-weight:700;color:#697586}.tab.active{color:#0f5ec9;border-bottom:3px solid #0f5ec9}.search-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px}.search-grid label,.filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#667085}.search-grid input,.search-grid select,.filters input,.filters select{height:46px;border:1px solid #d9e0e8;border-radius:8px;padding:0 12px;background:#fff;color:#263446}.search-btn{border:0;border-radius:9px;background:#0f5ec9;color:#fff;padding:0 25px;font-weight:800}.quick-section{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:-35px;position:relative;z-index:5}.quick-card{background:#fff;border-radius:12px;padding:18px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 30px #18202b12;border:1px solid #edf0f4}.quick-card span{font-size:25px}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:14px}.quick-card small{font-size:11px;color:#7b8794;margin-top:4px}.section{padding:75px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.section-head h2{font-size:30px;margin:7px 0}.section-head p{margin:0;color:#788494}.sort-select{border:1px solid #d9e0e8;background:#fff;border-radius:8px;padding:11px 14px}.layout{display:grid;grid-template-columns:245px 1fr;gap:25px}.filters{background:#fff;border:1px solid #e6eaf0;border-radius:12px;padding:18px;height:max-content;display:flex;flex-direction:column;gap:16px}.filter-title{display:flex;justify-content:space-between;align-items:center;font-size:18px}.filter-title button{border:0;background:none;color:#0f5ec9;font-size:12px}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.property-card{background:#fff;border:1px solid #e6eaf0;border-radius:12px;overflow:hidden;transition:.2s;box-shadow:0 5px 20px #16243a0a}.property-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #16243a18}.property-image{height:190px;position:relative;background-size:cover;background-position:center}.badge{position:absolute;top:12px;left:12px;background:#0f5ec9;color:#fff;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:800}.favorite{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#fffdd;color:#1f2937;background:#fff;font-size:18px}.property-body{padding:16px}.property-body h3{font-size:15px;margin:0 0 8px;line-height:1.35}.location{font-size:12px;color:#7a8594;margin:0 0 13px}.specs{display:flex;gap:12px;color:#596678;font-size:11px}.price{font-size:19px;color:#0c4f9f;font-weight:800;margin-top:14px}.verified{color:#16855a;font-size:10px;font-weight:700;margin-top:7px}.load-more{display:block;margin:30px auto 0;border:1px solid #0f5ec9;color:#0f5ec9;background:#fff;padding:12px 24px;border-radius:8px;font-weight:800}.empty-state{text-align:center;padding:70px 10px}.empty-state div{font-size:45px}.hidden{display:none!important}.cta-section{background:#0b2346;color:#fff}.cta{padding:55px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:32px;margin:8px 0}.cta p{color:#c8d6e8;max-width:650px}.big{padding:15px 25px}.states{display:flex;flex-wrap:wrap;gap:12px}.states button{background:#fff;border:1px solid #dfe5ec;padding:12px 18px;border-radius:30px;color:#344054;font-weight:600}.states button:hover{border-color:#0f5ec9;color:#0f5ec9}footer{background:#071a32;color:#d8e2ef}.footer-grid{padding:55px 0;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand{color:#fff}.footer-grid p{max-width:330px;color:#8fa3bb;font-size:13px;line-height:1.7}.footer-grid h4{margin-top:0;color:#fff}.footer-grid>div:not(:first-child) a{display:block;color:#91a4bb;text-decoration:none;margin:11px 0;font-size:13px}.copyright{text-align:center;border-top:1px solid #17304e;padding:18px;color:#7188a3;font-size:11px}.modal{position:fixed;inset:0;background:#00152ecc;z-index:50;display:grid;place-items:center;padding:20px}.modal-card{width:min(850px,100%);background:#fff;border-radius:15px;overflow:hidden;position:relative;display:grid;grid-template-columns:1.05fr 1fr;max-height:90vh}.modal-card>img{width:100%;height:100%;min-height:390px;object-fit:cover}.modal-body{padding:32px}.modal-body .badge{position:static;display:inline-block;margin-bottom:15px}.modal-body h2{font-size:27px;margin:0 0 10px}.modal-body p{color:#718096}.modal-body .specs{margin:22px 0}.modal-price{font-size:27px;color:#0c4f9f;display:block;margin-bottom:22px}.close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;font-size:25px;z-index:2}.full{width:100%}@media(max-width:900px){.nav nav,.nav-actions{display:none}.menu-btn{display:block;margin-left:auto}.hero h1{font-size:42px}.search-grid{grid-template-columns:1fr 1fr}.search-btn{height:46px}.quick-section{grid-template-columns:repeat(2,1fr)}.property-grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:repeat(2,1fr)}.filter-title{grid-column:1/-1}.modal-card{grid-template-columns:1fr}.modal-card>img{min-height:220px;max-height:300px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{height:68px}.hero{min-height:650px}.hero-content{padding:45px 0}.hero h1{font-size:36px}.search-grid{grid-template-columns:1fr}.quick-section{grid-template-columns:1fr;margin-top:-50px}.section{padding:55px 0}.section-head{align-items:flex-start;gap:15px;flex-direction:column}.property-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.states button{width:100%}}