*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{background:var(--background-color);font-family:Roboto,Arial,sans-serif;width:100%;margin:auto;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;color:var(--secondary-color)}@media (max-width: 768px){html{font-size:14px}}:root{--primary-color: #17496a;--accent-color: #f9b233;--secondary-color: #333;--background-color: #f7f9fa;--card-bg: #fff;--shadow-color: #e0e6ed;--font-heading: "Montserrat", Arial, sans-serif;--font-body: "Roboto", Arial, sans-serif}h1,h2,h3,h4,h5,h6,.section-heading,.listing-heading{font-family:var(--font-heading);font-weight:700;color:var(--primary-color)}button{padding:12px 28px;border:none;background:linear-gradient(90deg,var(--primary-color),#20618e);color:#fff;border-radius:8px;font-weight:600;font-family:var(--font-heading);font-size:1rem;box-shadow:0 2px 8px #17496a1f;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s}button:hover{background:linear-gradient(90deg,#20618e,var(--primary-color));box-shadow:0 4px 16px #17496a2e;transform:translateY(-2px)}button.primary{padding:12px 28px;border:solid 1px var(--primary-color);background:var(--primary-color);color:#fff;border-radius:8px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(16px,3vw,24px);padding:8px}.card{background-color:var(--card-bg);border-radius:16px;box-shadow:0 2px 12px #17496a14;overflow:hidden;text-align:center;height:100%;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 8px 24px #17496a29;transform:translateY(-4px) scale(1.01)}.big-card{background-color:var(--card-bg);border-radius:16px;box-shadow:0 2px 12px #17496a14;overflow:hidden;text-align:center;height:100%;width:90%;max-width:600px;margin:0 auto;display:flex;flex-direction:column}.listing-heading{color:var(--primary-color);padding:clamp(8px,3%,16px);font-size:clamp(1.25rem,4vw,2rem)}.listing-photo{border-radius:16px 16px 0 0;margin:0;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}