:root{
    --navy: #0f1f4b;
    --navy-2: #16255a;
    --blue: #2563eb;
    --blue-light:#3b82f6;
    --ink:#0f172a;
    --muted:#64748b;
    --bg:#f6f7fb;
    --line:#e6e9f0;
    --green:#16a34a;
    --amber:#d97706;
  }
  *{box-sizing:border-box;}
  body{font-family:'Inter',system-ui,sans-serif; background:var(--bg); color:var(--ink); margin:0;}
  a{text-decoration:none; color:inherit;}
  .container{max-width:1240px; margin:0 auto; padding:0 24px;}
  .btn-primary{
    background:var(--blue); color:#fff; font-weight:600; border:none; border-radius:8px;
    padding:11px 20px; cursor:pointer; transition:background .15s ease, transform .15s ease;
    display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  }
  .btn-primary:hover{background:#1d4ed8;}
  .pill{
    background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.25);
    border-radius:999px; padding:8px 16px; font-size:13px; font-weight:500; cursor:pointer;
    transition:background .15s ease;
  }
  .pill:hover{background:rgba(255,255,255,.18);}
  .card{
    background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden;
    transition: box-shadow .2s ease, transform .2s ease;
  }
  .card:hover{ box-shadow:0 12px 28px rgba(15,23,42,.08); transform:translateY(-2px); }
  .badge-match{
    position:absolute; top:12px; left:12px; background:rgba(15,31,75,.9); color:#fff;
    font-size:11px; font-weight:700; padding:5px 10px; border-radius:999px; letter-spacing:.2px;
  }
  .badge-featured{
    position:absolute; top:44px; left:12px; background:#dc2626; color:#fff;
    font-size:10px; font-weight:700; padding:4px 10px; border-radius:6px; letter-spacing:.4px;
  }
  .heart-btn{
    position:absolute; top:12px; right:12px; width:32px; height:32px; border-radius:50%;
    background:rgba(255,255,255,.9); display:flex; align-items:center; justify-content:center;
    cursor:pointer;
  }
  .trend-up{color:var(--green); font-weight:600; font-size:12.5px; display:flex; align-items:center; gap:4px;}
  .section-title{font-size:26px; font-weight:800; letter-spacing:-.02em;}
  .nav-link{font-size:14.5px; font-weight:500; color:#334155;}
  .nav-link.active{color:var(--blue); font-weight:600;}
  .icon-circle{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .search-bar-wrap{
    background:#fff; border-radius:14px; padding:6px; display:flex; align-items:center; gap:8px;
    box-shadow:0 20px 45px rgba(0,0,0,.25);
  }
  .snapshot-card{
    background:rgba(10,18,45,.72); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.12);
    border-radius:16px; padding:22px; color:#fff; width:270px;
  }
  .stat-divider{border-left:1px solid var(--line);}
  @media (max-width:900px){
    .stat-divider{border-left:none;}
  }
  .location-chip{
    display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:10px;
    padding:12px 14px; font-size:14px; font-weight:500; background:#fff;
  }
  .footer-link{font-size:14px; color:#475569; display:block; margin-bottom:10px;}
  .footer-link:hover{color:var(--blue);}