body { background: #f4f6f8; }
.hero { background: linear-gradient(135deg, #12324a, #1e5f8c); color: #fff; border-radius: 12px; padding: 48px; }
.step-card { border: none; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.06); height: 100%; }
.step-num { width: 40px; height: 40px; border-radius: 50%; background: #1e5f8c; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; }
.property-card { border: none; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.08); overflow: hidden; transition: transform .15s; }
.property-card:hover { transform: translateY(-3px); }
.property-thumb { height: 180px; object-fit: cover; width: 100%; background:#ddd; }
.badge-sell { background: #d9480f; }
.badge-rent { background: #2f9e44; }
.chat-box { height: 360px; overflow-y: auto; background: #fff; border-radius: 8px; padding: 12px; border: 1px solid #e0e0e0; }
.chat-msg-me { text-align: right; }
.chat-bubble { display: inline-block; padding: 8px 14px; border-radius: 14px; margin: 4px 0; max-width: 75%; }
.chat-bubble-me { background: #1e5f8c; color: #fff; }
.chat-bubble-other { background: #eee; }
.contract-doc { background: #fff; border: 1px solid #ccc; padding: 32px; border-radius: 6px; }
@media print { nav, footer, .no-print { display: none !important; } }