:root{ --brand:#28a745; --brand2:#0b7d3e; }
body{ -webkit-font-smoothing:antialiased; }
.navbar-brand strong{ color:var(--brand2); }
.card{ border-radius:14px; }
.btn-brand{ background:linear-gradient(45deg,var(--brand),var(--brand2)); color:#fff; border:none; }
.btn-brand:hover{ opacity:.92; color:#fff; }
.grid-tiles{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media(min-width:768px){ .grid-tiles{ grid-template-columns:repeat(4,1fr);} }
.tile{ padding:14px; text-align:center; border:1px solid #eee; border-radius:12px; background:#fff; }
.tile img{ width:48px; height:48px; object-fit:contain; display:block; margin:0 auto 8px; }
.container-narrow{ max-width:960px; }
footer{ padding:40px 0; color:#888; }