:root{--ink:#172033;--muted:#667085;--paper:#f5f7fb;--green:#0f766e;--green-dark:#123c68;--lime:#ffd166;--line:#d9e0ea;--blue:#2563eb;--coral:#f26b5e;--gradient:linear-gradient(120deg,#0f766e 0%,#1687a7 48%,#2563eb 100%);--gradient-soft:linear-gradient(135deg,rgba(15,118,110,.1),rgba(37,99,235,.08));--max:1320px}
body{color:var(--ink);background:var(--paper)}
.brand span,.section-heading>a{color:var(--blue)}
.site-header{box-shadow:0 1px 0 rgba(23,32,51,.07)}
.site-header nav a:hover{color:var(--blue)}
.nav-account{border-color:var(--blue);color:var(--blue)}
.hero-shade{background:linear-gradient(90deg,rgba(10,42,66,.9),rgba(15,118,110,.56) 55%,rgba(37,99,235,.14)),linear-gradient(0deg,rgba(12,35,58,.26),transparent 45%)}
.hero-inner{max-width:var(--max)}
.hero-copy{max-width:650px}
.search-box{max-width:none;width:100%;border-radius:6px;box-shadow:0 22px 60px rgba(5,27,51,.28);padding:18px 20px 20px;border-top:3px solid transparent;border-image:var(--gradient) 1}
.search-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.search-topline .search-tabs{margin:0}
.search-topline>span{font-size:12px;color:var(--muted);font-weight:600}
.search-grid{display:grid;grid-template-columns:minmax(220px,2.1fr) repeat(4,minmax(120px,1fr)) auto;gap:10px;align-items:end}
.search-grid label{min-width:0}
.search-grid label>span{display:block;margin:0 0 6px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.search-grid input,.search-grid select{display:block;width:100%;height:50px;border:1px solid var(--line);background:#fff;padding:0 13px;color:var(--ink);font:500 14px 'DM Sans',sans-serif}
.search-grid input:focus,.search-grid select:focus{outline:2px solid rgba(37,99,235,.22);border-color:var(--blue)}
.search-grid button,button{border-radius:3px;min-height:50px;background:var(--gradient);box-shadow:0 7px 18px rgba(37,99,235,.18)}
.property-card{border-radius:6px;position:relative;box-shadow:0 7px 24px rgba(25,62,104,.05)}
.property-card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--gradient);z-index:2}
.property-card:hover{box-shadow:0 16px 34px rgba(25,62,104,.14)}
.property-photo:after,.detail-photo:after{content:'';position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(0deg,rgba(10,42,66,.45),transparent);pointer-events:none}
.property-photo>span,.detail-photo>span{z-index:1;background:var(--gradient)}
.action-band{background:var(--gradient);position:relative;overflow:hidden}
.action-band:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,42,66,.18),transparent 65%);pointer-events:none}
.action-band>*{position:relative;z-index:1}
.button-light{background:#fff;color:var(--blue);box-shadow:0 8px 22px rgba(10,42,66,.2)}
.search-page-head{background:var(--gradient-soft)}
.filter-bar{background:#fff;box-shadow:0 8px 24px rgba(25,62,104,.07)}
.enquiry-panel{border-top:3px solid transparent;border-image:var(--gradient) 1;box-shadow:0 12px 30px rgba(25,62,104,.1)}
.package{border-top:4px solid transparent;border-image:var(--gradient) 1;box-shadow:0 8px 20px rgba(25,62,104,.08)}
footer{min-height:82px;padding-block:22px;background:linear-gradient(115deg,#0b3f49 0%,#0f766e 42%,#1d4f91 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
footer .brand{font-size:23px}footer .brand span{color:#8ee6d8}footer p{font-size:14px;color:rgba(255,255,255,.82)}footer a{transition:color .2s}footer a:hover{color:#fff}
@media(max-width:1080px){.hero{height:auto;min-height:700px;padding-block:64px}.search-grid{grid-template-columns:2fr repeat(2,1fr)}.search-location{grid-column:span 2}.search-grid button{width:100%}}
@media(max-width:800px){.hero{min-height:720px}.hero-shade{background:linear-gradient(90deg,rgba(10,42,66,.82),rgba(15,118,110,.6))}.search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-location{grid-column:1/-1}.search-topline>span{display:none}}
@media(max-width:520px){.hero{min-height:850px;padding-block:46px}.search-grid{grid-template-columns:1fr}.search-location{grid-column:auto}.search-grid button{width:100%}}
@media(max-width:800px){footer{padding-block:20px;gap:10px;min-height:auto}}