body { background: #f8fafc; color: #0f172a; }
.text-primary { color: var(--brand-primary) !important; }
.btn-primary { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.btn-primary:hover { filter: brightness(0.95); background-color: var(--brand-primary); border-color: var(--brand-primary); }
.btn-outline-primary { color: var(--brand-primary); border-color: var(--brand-primary); }
.btn-outline-primary:hover { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.hero { min-height: 520px; background: linear-gradient(90deg, rgba(15,23,42,.92), rgba(15,23,42,.65)), var(--hero-bg); background-size: cover; background-position: center; color: white; display:flex; align-items:center; }
.hero-card { background: rgba(255,255,255,.96); border-radius: 18px; box-shadow: 0 24px 60px rgba(15,23,42,.25); color:#0f172a; }
.section-title { font-weight: 800; letter-spacing: -0.03em; }
.category-card, .stat-card, .company-card, .ad-card { border: 1px solid #e5e7eb; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.04); }
.category-card:hover, .company-card:hover { transform: translateY(-2px); transition: .2s ease; box-shadow: 0 14px 30px rgba(15,23,42,.08); }
.badge-soft { background: #eff6ff; color: var(--brand-primary); }
.auth-page { min-height: calc(100vh - 140px); background: linear-gradient(90deg, rgba(15,23,42,.86), rgba(15,23,42,.65)), var(--auth-bg); background-size: cover; background-position:center; }
.form-check-input:checked { background-color: var(--brand-primary); border-color: var(--brand-primary); }