:root {
    --primary: #5b3df5;
    --primary-dark: #3f2cc8;
    --accent: #ff7a18;
    --ink: #172033;
    --soft: #f5f7fb;
}
body { background: var(--soft); color: var(--ink); }
.hero { background: linear-gradient(135deg, #5b3df5, #2468e8); color: #fff; padding: 76px 0; }
.searchbox { max-width: 1050px; margin-inline: auto; background: #fff; border-radius: 20px; padding: 18px; box-shadow: 0 18px 45px rgba(23,32,51,.2); }
.searchbox .form-control, .searchbox .btn { height: 58px; }
.job-card, .filter-card, .ad-card, .alert-card, .content-page { background: #fff; border: 1px solid #e6eaf1; border-radius: 18px; box-shadow: 0 6px 22px rgba(23,32,51,.06); }
.job-card { padding: 22px; margin-bottom: 16px; transition: transform .2s, box-shadow .2s; }
.job-card:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(23,32,51,.12); }
.filter-card { padding: 22px; position: sticky; top: 88px; }
.right-sidebar { position: sticky; top: 88px; }
.ad-card, .alert-card { padding: 18px; }
.ad-slot { overflow: hidden; margin: 20px 0; padding: 14px; text-align: center; background: #fff; border: 1px solid #e6eaf1; border-radius: 18px; }
.ad-slot::before { content: 'Advertisement'; display: block; margin-bottom: 8px; color: #94a3b8; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.country-list a, .popular-list a { display: block; padding: 9px 2px; color: var(--primary-dark); text-decoration: none; border-bottom: 1px dashed #e1e5ed; }
.about-engine { color: #fff; background: linear-gradient(135deg, #172033, #31456e); }
.job-alert-home { background: linear-gradient(135deg, #fff3e7, #fff); border: 1px solid #ffd8b5; }
.faq-section, .content-page { background: #fff; }
.content-page { padding: clamp(24px, 5vw, 56px); }
.eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .12em; opacity: .78; }
.about-icon { font-size: 90px; }
.action-btn { background: #fff; border: 1px solid #d9dde7; color: #30384a; }
.footer { background: #111827; color: #d1d5db; }
.footer a { color: #d1d5db; text-decoration: none; }
@media (max-width: 991px) { .filter-card, .right-sidebar { position: static; } .hero { padding: 50px 0; } }