.jobs-filters{background:#fff;border:1px solid #0a2351;border-radius:14px;margin-bottom:2rem;padding:1.2rem;box-shadow:0 4px 12px #0000000d}.search-bar{background:#0a2351;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:.6rem;padding:.5rem;display:flex}.search-icon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.1rem;display:flex}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;flex:1;padding:.65rem .8rem;font-family:inherit;font-size:.95rem;transition:border .2s}.search-input:focus{border-color:#0a2351}.search-input::placeholder{color:#9ca3af}.search-clear-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1rem;transition:all .2s;display:flex}.search-clear-btn:hover{color:#374151;background:#e5e7eb}.search-btn{color:#0a2351;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.search-btn:hover{background:#f3f4f6;transform:translateY(-1px)}
.home-page{background-color:var(--color-background-secondary);min-height:100vh}.home-page .home-header{background:linear-gradient(135deg, var(--color-primary) 0%, #6366f1 100%);color:var(--color-background-primary);padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;border-bottom:1px solid var(--color-border)}.home-page .home-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-base);font-weight:700}.home-page .home-header p{font-size:var(--font-size-lg);opacity:.9}.page-container{max-width:1400px;padding:var(--spacing-2xl) var(--spacing-xl);margin:0 auto}.home-page .home-content h2{font-family:var(--font-family-heading);margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl);color:var(--color-text-primary);font-weight:700}.home-page .home-hero{text-align:center;margin-bottom:var(--spacing-2xl)}.home-page .home-title{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-base);font-weight:700;line-height:1.3}.home-page .home-subtitle{font-family:var(--font-family-base);font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:700px;margin:0 auto;font-weight:400;line-height:1.5}.home-page .jobs-list{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.home-page .job-card-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%;display:grid}.home-page .view-all-container{text-align:center;margin-top:var(--spacing-xl)}.home-page .home-layout,.page-layout{gap:var(--spacing-xl);align-items:start;display:grid}.home-page .home-layout{grid-template-columns:minmax(220px,240px) minmax(0,1fr)}.home-page .home-main-column{min-width:0}.home-page .home-sidebar{top:var(--spacing-xl);position:sticky}.home-page .city-links-section,.home-page .category-links-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--color-background-primary);border:1px solid var(--color-border)}.home-page .city-links-header,.home-page .category-links-header{justify-content:center;align-items:center;gap:var(--spacing-base);margin-bottom:var(--spacing-base);display:flex}.home-page .city-links-header h2,.home-page .category-links-header h2{white-space:nowrap;margin-bottom:0}.home-page .text-link-button{color:var(--color-primary);cursor:pointer;margin-top:var(--spacing-xs);background:0 0;border:none;align-self:flex-end;padding:0;font-weight:600}.home-page .city-links-grid,.home-page .category-links-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.home-page .city-link-pill,.home-page .category-link-pill{border:1px solid var(--color-border);background:var(--color-background-secondary);border-radius:var(--radius-md);width:100%;padding:var(--spacing-sm) var(--spacing-base);cursor:pointer;transition:all var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;display:flex}.home-page .city-link-pill:hover,.home-page .category-link-pill:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.home-page .city-link-pill span,.home-page .category-link-pill span{font-weight:600}.home-page .city-link-pill small,.home-page .category-link-pill small{color:var(--color-text-secondary);white-space:nowrap;font-size:.8rem}.home-page .loading-message{padding:var(--spacing-xl);text-align:center;font-size:var(--font-size-base);border-radius:var(--radius-lg);background:var(--color-background-primary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.home-page .error-message{padding:var(--spacing-xl);text-align:center;font-size:var(--font-size-base);border-radius:var(--radius-lg);color:var(--color-error);background-color:var(--color-error-bg);border:1px solid var(--color-error-border)}.home-page .no-jobs-message{padding:var(--spacing-xl);text-align:center;font-size:var(--font-size-base);border-radius:var(--radius-lg);color:var(--color-text-secondary);background-color:var(--color-background-tertiary);border:1px dashed var(--color-border)}@media (max-width:1024px){.home-page .jobs-list,.home-page .job-card-grid{grid-template-columns:repeat(2,1fr)}.home-page .home-layout{grid-template-columns:1fr}.home-page .home-sidebar{position:static}}@media (max-width:768px){.page-container{padding:var(--spacing-xl) var(--spacing-base)}.home-page .home-header{padding:var(--spacing-2xl) var(--spacing-base)}.home-page .city-links-section{padding:var(--spacing-lg)}.home-page .city-links-header{flex-direction:column;align-items:flex-start}.home-page .home-header h1{font-size:var(--font-size-2xl)}.home-page .home-main{padding:var(--spacing-xl) var(--spacing-base)}.home-page .home-title{font-size:var(--font-size-2xl)}.home-page .jobs-list,.home-page .job-card-grid{grid-template-columns:1fr}.home-page .job-card-header{flex-direction:column}.home-page .btn-apply{align-self:flex-start}}
