:root {
  --primary: #2563eb;
  --primary-600: #1d4ed8;
  --primary-700: #1e40af;
  --primary-soft: #eff6ff;
  --dark: #0f2a5a;
  --darker: #0b1d3d;
  --btn-bg: linear-gradient(135deg, #2563eb, #06b6d4);
  --shadow: 0 18px 40px rgba(15,23,42,.12);
  --hero-overlay: linear-gradient(120deg, #0f2a5ae6, #2563eb99 50%, #06b6d473);
  --radius: 20px;
}
.btn { background-image: linear-gradient(135deg, #2563eb, #06b6d4); box-shadow: 0 10px 24px #2563eb55; }
.prop-card, .consult-card, .search-box, .cat-item, .post, .stat, .svc {
  box-shadow: 0 16px 40px rgba(15,23,42,.10);
  border: 0;
}
.prop-card { transform: translateY(0); transition: transform .2s, box-shadow .2s; }
.prop-card:hover { transform: translateY(-6px); box-shadow: 0 22px 50px rgba(15,23,42,.16); }
.site-header { backdrop-filter: blur(12px); background: color-mix(in srgb, var(--header-bg) 86%, transparent); }
body::before {
  content:""; position:fixed; inset:auto -80px -80px auto; width:280px; height:280px; z-index:0; pointer-events:none;
  background: radial-gradient(circle, #06b6d433, transparent 70%);
}