body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
.hero { background: radial-gradient(circle at top right, #e8f1ff, #fff 48%, #f8f9fb); }
.py-md-6 { padding-top: 5rem; padding-bottom: 5rem; }
.mock-board { background: #fff; border-radius: 18px; padding: 24px; border: 1px solid #e6e9ef; }
.mock-title { font-weight: 700; font-size: 1.4rem; margin-bottom: 18px; }
.mock-row { display: grid; grid-template-columns: 1fr 110px 90px; align-items: center; gap: 12px; border-top: 1px solid #edf0f5; padding: 14px 0; }
.status { color: #fff; text-align: center; border-radius: 4px; padding: 6px 8px; font-size: .82rem; }
.status.done { background: #00c875; }
.status.working { background: #fdab3d; }
.status.stuck { background: #5559df; }
.mock-row em { color: #6c757d; font-style: normal; font-size: .9rem; }