:root { --brand: #175cd3; --ink: #172033; }
body { color: var(--ink); }
.hero { background: linear-gradient(135deg, #f8fbff 0%, #eef6ff 48%, #fff 100%); }
.icon-badge { width: 2.5rem; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: .5rem; background: #e8f1ff; color: var(--brand); }
.card { border-radius: .5rem; }
.price { font-size: 2.1rem; font-weight: 800; letter-spacing: 0; }
.timeline-dot { width: .75rem; height: .75rem; border-radius: 999px; background: var(--brand); flex: 0 0 .75rem; margin-top: .45rem; }
.status-pill { border-radius: 999px; padding: .25rem .65rem; font-size: .8rem; }
.status-pending { background: #fff7e6; color: #9a5b00; }
.status-accepted { background: #eaf7ee; color: #17663a; }
.status-rejected { background: #fdecec; color: #a6192e; }