:root{--primary: #FF7A00;--primary-hover: #E06B00;--primary-light: #FFF2E6;--primary-border: #FFD4AD;--secondary: #1E293B;--secondary-hover: #0F172A;--accent-emerald: #10B981;--accent-emerald-light: #D1FAE5;--accent-amber: #F59E0B;--accent-amber-light: #FEF3C7;--accent-rose: #EF4444;--bg-main: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-elevated: #FFFFFF;--bg-dark: #0F172A;--bg-dark-surface: #1E293B;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--border-color: #E2E8F0;--border-focus: #FF7A00;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .06);--header-height: 72px;--bottom-nav-height: 64px}[data-theme=dark]{--primary-light: rgba(255, 122, 0, .18);--primary-border: rgba(255, 122, 0, .4);--bg-main: #0B0F17;--bg-surface: #151D2A;--bg-surface-elevated: #1E293B;--bg-dark: #070A0F;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-inverse: #0F172A;--border-color: #273549;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .4);--shadow-md: 0 6px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 36px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-primary)}input,select,textarea{font-family:inherit;font-size:1rem;background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.h1{font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}.h2{font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--text-primary)}.h3{font-size:clamp(1.05rem,2vw,1.25rem);font-weight:600;line-height:1.3;color:var(--text-primary)}.text-body{font-size:.95rem;color:var(--text-secondary)}.text-sm{font-size:.875rem;color:var(--text-secondary)}.text-xs{font-size:.75rem;color:var(--text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}.page-content{flex:1;padding-bottom:calc(var(--bottom-nav-height) + 1.5rem)}@media (min-width: 768px){.page-content{padding-bottom:3rem}}.desktop-only{display:none!important}.mobile-only-nav{display:flex!important}.join-worker-label{display:none}.join-worker-short{display:inline}@media (min-width: 768px){.desktop-only{display:flex!important}.desktop-only.flex-col{flex-direction:column!important}.mobile-only-nav{display:none!important}.join-worker-label{display:inline}.join-worker-short{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;min-height:44px;cursor:pointer;white-space:nowrap}.btn-primary{background-color:var(--primary);color:#fff!important;box-shadow:0 4px 12px #ff7a0040}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #ff7a0059}.btn-secondary{background-color:var(--secondary);color:#fff!important}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.btn-sm{padding:.4rem .85rem;font-size:.85rem;min-height:36px;border-radius:var(--radius-sm)}.btn-full{width:100%}.card{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .25s ease;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}[data-theme=dark] .card:hover{border-color:#3b4f6c}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.badge-orange{background-color:var(--primary-light);color:var(--primary)}.badge-emerald{background-color:var(--accent-emerald-light);color:#047857}.badge-amber{background-color:var(--accent-amber-light);color:#b45309}.badge-slate{background-color:var(--bg-main);color:var(--text-secondary);border:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.skeleton{background:linear-gradient(90deg,var(--border-color) 25%,var(--bg-main) 50%,var(--border-color) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#070a0fbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.modal-card{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;border:1px solid var(--border-color)}.workers-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.25rem;width:100%}.category-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:1rem;width:100%}.search-layout-grid{display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:1.25rem;align-items:start;width:100%}@media (max-width: 900px){.search-layout-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important;gap:.75rem!important}}@media (max-width: 600px){.workers-grid{grid-template-columns:1fr!important;gap:.85rem!important}}@media (max-width: 480px){:root{--header-height: 60px;--bottom-nav-height: 56px}.container{padding:0 .75rem!important}.h1{font-size:clamp(1.35rem,6vw,1.85rem)!important}.h2{font-size:clamp(1.15rem,5vw,1.45rem)!important}.h3{font-size:clamp(.95rem,4vw,1.15rem)!important}.btn{padding:.55rem .9rem;font-size:.85rem;min-height:38px}.btn-sm{padding:.35rem .65rem;font-size:.78rem;min-height:32px}.modal-overlay{padding:.5rem!important}.modal-card{padding:1.25rem!important;border-radius:var(--radius-md)!important}.category-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))!important;gap:.65rem!important}.workers-grid{grid-template-columns:1fr!important;gap:.85rem!important}}.header-brand-location{display:flex!important;align-items:center!important;gap:.75rem;flex-shrink:0;flex-wrap:nowrap!important;white-space:nowrap}.desktop-location-wrapper{display:block;position:relative;flex-shrink:0}.mobile-location-bar{display:none!important}.header-location-pill{display:inline-flex;align-items:center;gap:.35rem;background-color:var(--bg-main);border-radius:var(--radius-full);padding:.35rem .75rem;border:1px solid var(--border-color);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease;font-size:.82rem;cursor:pointer}@media (max-width: 420px){.header-worker-btn,.desktop-location-wrapper{display:none!important}.mobile-location-bar{display:flex!important;align-items:center;justifyContent:flex-start;padding:.35rem .75rem .45rem;background-color:var(--bg-surface);border-top:1px solid var(--border-color);width:100%}.mobile-location-bar .header-location-pill{width:auto!important;max-width:100%!important;padding:.25rem .65rem!important;font-size:.78rem!important}.category-grid{grid-template-columns:repeat(2,1fr)!important;gap:.45rem!important}}@media (max-width: 340px){.category-grid{grid-template-columns:repeat(2,1fr)!important;gap:.35rem!important}}@media (max-width: 320px){:root{--header-height: 54px;--bottom-nav-height: 50px}.container{padding:0 .4rem!important}.h1{font-size:clamp(1.15rem,7vw,1.4rem)!important}.h2{font-size:clamp(1rem,6vw,1.2rem)!important}.text-body{font-size:.85rem!important}.text-sm{font-size:.78rem!important}.text-xs{font-size:.68rem!important}.btn{padding:.45rem .65rem;font-size:.78rem;min-height:34px;gap:.3rem}.btn-sm{padding:.25rem .5rem;font-size:.72rem;min-height:28px}.card{border-radius:var(--radius-md)!important}.modal-overlay{padding:.25rem!important}.modal-card{padding:.85rem!important}.category-grid{grid-template-columns:repeat(2,1fr)!important;gap:.35rem!important}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}@media (max-width: 540px){.form-grid{grid-template-columns:1fr}}.form-input{width:100%;padding:.7rem .85rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}@media (max-width: 320px){.form-input{padding:.5rem .65rem;font-size:.85rem}}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff7a001f}.form-input.input-error{border-color:var(--accent-rose);box-shadow:0 0 0 3px #ef44441a}.form-input option{background-color:var(--bg-surface);color:var(--text-primary)}.hero-search-form{background-color:#fff;border-radius:var(--radius-lg);padding:.4rem .5rem;display:flex;align-items:center;box-shadow:0 12px 32px #0000004d;max-width:640px;margin:0 auto 1.5rem;gap:.4rem}@media (max-width: 520px){.hero-search-form{flex-direction:column;padding:.6rem;border-radius:var(--radius-md)}.hero-search-form .hero-input-row{width:100%;display:flex;align-items:center}.hero-search-form button[type=submit]{width:100%!important;justify-content:center}}@keyframes spin{to{transform:rotate(360deg)}}.step-tabs-scroll::-webkit-scrollbar{display:none}.register-hero{width:100%;position:relative}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}