.container{width:100%}.contents{display:contents}.flex{display:flex}:root{--color-primary:#f59e0b;--color-primary-dark:#d97706;--color-accent:#f59e0b;--color-secondary:#3b82f6;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-border:#e5e7eb;--color-dark-bg:#111827;--color-dark-surface:#1f2937;--color-dark-text:#f9fafb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem}@layer base{body{color:var(--color-text-primary);background-color:var(--color-bg-secondary);font-family:Cairo,Inter,Segoe UI,system-ui,sans-serif;line-height:1.6}}@layer components{.layout{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1280px;padding:0 var(--space-md);margin:0 auto}.header{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:#fff;box-shadow:var(--shadow-lg);z-index:100;position:sticky;top:0}.header__inner{padding:var(--space-md)0;justify-content:space-between;align-items:center;display:flex}.header__brand{align-items:center;gap:var(--space-sm);display:flex}.header__logo{width:2.5rem;height:2.5rem}.header__title{font-size:1.5rem;font-weight:700}.header__nav{align-items:center;gap:var(--space-lg);display:flex}.header__link{opacity:.9;transition:opacity var(--transition-fast);font-weight:500}.header__link:hover{opacity:1}.btn-primary{padding:var(--space-sm)var(--space-md);color:var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast);background:#fff;border:none;font-weight:700}.btn-primary:hover{transform:scale(1.05)}.footer{background:var(--color-dark-bg);color:var(--color-dark-text);padding:var(--space-xl)0;margin-top:auto}.footer__text{text-align:center;opacity:.8}.hero-search{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:#fff;padding:var(--space-2xl)0;margin-bottom:var(--space-xl)}.hero-search__title{margin-bottom:var(--space-sm);font-size:2.5rem;font-weight:700}.hero-search__subtitle{opacity:.9;margin-bottom:var(--space-xl);font-size:1.25rem}.search-box{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#fff;display:flex}.search-box__input{padding:var(--space-sm)var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:border-color var(--transition-fast);flex:1;font-size:1rem}.search-box__input:focus{border-color:var(--color-primary);outline:none}.search-box__input::placeholder{color:var(--color-text-muted)}.search-box__btn{padding:var(--space-sm)var(--space-xl);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;font-weight:700}.search-box__btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media(max-width:768px){.search-box{flex-direction:column}.hero-search__title{font-size:1.75rem}}.section-heading{color:var(--color-text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);font-size:1.75rem;font-weight:700;position:relative}.section-heading:after{content:"";background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);border-radius:var(--radius-sm);width:60px;height:4px;position:absolute;bottom:0;right:0}.jobs-grid{gap:var(--space-lg);display:grid}@media(min-width:640px){.jobs-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.jobs-grid{grid-template-columns:repeat(3,1fr)}}.job-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);color:inherit;text-decoration:none;display:block}.job-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.job-card__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.job-card__title{color:var(--color-text-primary);flex:1;font-size:1.125rem;font-weight:700;line-height:1.4}.job-card__badge{padding:var(--space-xs)var(--space-sm);color:var(--color-secondary);border-radius:var(--radius-md);white-space:nowrap;background:#3b82f61a;font-size:.75rem;font-weight:600}.job-card__company{color:var(--color-primary);margin-bottom:var(--space-md);font-weight:600}.job-card__details{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.job-card__detail{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:.875rem;display:flex}.job-card__detail svg{width:1rem;height:1rem;color:var(--color-text-muted)}.job-card__footer{padding-top:var(--space-md);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.job-card__date{color:var(--color-text-muted);font-size:.75rem}.job-card__link{color:var(--color-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:600}.job-card:hover .job-card__link{color:var(--color-primary)}}@media(max-width:768px){.header__nav{display:none}}