@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #f6f8fd;--card: #fff;--ink: #0f1b3d;--mute: #5d6786;--line: #e3e8f4;--or: #f97316;--bl: #2563eb;--navy: #0f1b3d;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.landing-page *{box-sizing:border-box}.landing-page{scroll-behavior:smooth;scroll-padding-top:calc(72px + env(safe-area-inset-top,0px));background:var(--bg);color:var(--ink);font:16px/1.55 Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden;min-height:100vh}.landing-page a{color:inherit;text-decoration:none}.landing-page button{font:inherit;color:inherit;border:none;cursor:pointer}.landing-page :focus-visible{outline:2px solid var(--bl);outline-offset:3px}.landing-page .w{max-width:1160px;margin:0 auto;padding:0 20px}.landing-page header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--card) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.landing-page .nav{display:flex;align-items:center;gap:22px;height:68px}.landing-page .brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:22px;letter-spacing:-.03em}.landing-page .brand em{font-style:normal;color:var(--or)}.landing-page .links{display:flex;gap:20px;font-size:14px;font-weight:600;color:var(--mute)}.landing-page .links a:hover,.landing-page .links a.on{color:var(--bl)}.landing-page .sp{flex:1}.landing-page .b{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--bl);color:var(--bl);background:transparent;border-radius:8px;height:42px;padding:0 16px;font-weight:700;font-size:14px;white-space:nowrap;transition:transform .2s,box-shadow .2s}.landing-page .b:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb40}.landing-page .b.bl{background:var(--bl);color:#fff}.landing-page .b.or{background:var(--or);border-color:var(--or);color:#fff}.landing-page .b.or:hover{box-shadow:0 8px 20px #f9731659}.landing-page .b.lg{height:52px;font-size:15px;padding:0 24px;flex:1}.landing-page .loc{font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--card)}.landing-page .menu-btn{display:none;background:transparent;border:none;color:var(--ink);padding:8px;cursor:pointer;margin-left:auto}.landing-page .drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:40}.landing-page .drawer-overlay.open{opacity:1;pointer-events:auto}.landing-page .mobile-drawer{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:var(--card);box-shadow:-4px 0 24px #0000001a;z-index:50;transition:right .3s ease;display:flex;flex-direction:column}.landing-page .mobile-drawer.open{right:0}.landing-page .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.landing-page .drawer-title{font-weight:800;font-size:18px;color:var(--bl)}.landing-page .close-btn{background:transparent;border:none;color:var(--mute);cursor:pointer;padding:4px}.landing-page .drawer-content{display:flex;flex-direction:column;padding:20px 0}.landing-page .drawer-content a{padding:16px 24px;font-size:16px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.landing-page .drawer-content a:active{background:#2563eb0d}.landing-page .hero{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:56px 0 48px}.landing-page h1{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.035em;margin:0 0 16px;font-weight:800}.landing-page .shim{background:linear-gradient(90deg,var(--bl),var(--or),var(--bl));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 3s linear infinite}@keyframes shim{to{background-position:-200% 0}}.landing-page .lead{color:var(--mute);font-size:18px;margin:0 0 26px}.landing-page .cta{display:flex;gap:12px;max-width:520px}.landing-page .cta .b{font-size:15px}@media (max-width: 480px){.landing-page .cta .b{font-size:13px;height:48px;padding:0 8px;gap:4px}}.landing-page .cta small{display:block;text-align:center;color:var(--mute);font-size:13px;margin-top:8px}.landing-page .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px;max-width:540px}.landing-page .trust div{text-align:center;font-size:13px;font-weight:600;line-height:1.3}.landing-page .trust i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;margin:0 auto 8px;font-style:normal;font-size:20px;background:var(--card);box-shadow:0 6px 16px #0f1b3d1f;animation:bob 3s ease-in-out infinite}.landing-page .trust div:nth-child(2) i{animation-delay:.3s}.landing-page .trust div:nth-child(3) i{animation-delay:.6s}.landing-page .trust div:nth-child(4) i{animation-delay:.9s}@keyframes bob{50%{transform:translateY(-6px)}}.landing-page .stage{perspective:1000px;display:grid;place-items:center;min-height:470px;position:relative}.landing-page .phone{width:250px;height:460px;border-radius:38px;background:#0b1230;padding:10px;transform-style:preserve-3d;transform:rotateY(-14deg) rotateX(6deg);transition:transform .15s;box-shadow:30px 40px 60px #0f1b3d59;animation:fl 3s ease-in-out infinite}@keyframes fl{50%{translate:0 -14px}}.landing-page .scr{height:100%;border-radius:30px;background:var(--card);padding:16px 12px;overflow:hidden}.landing-page .scr .t{display:flex;justify-content:space-between;font-weight:800;font-size:14px}.landing-page .scr .s{margin:10px 0;background:var(--bg);border-radius:10px;padding:8px 10px;font-size:11px;color:var(--mute)}.landing-page .ap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.landing-page .ap div{background:var(--bg);border-radius:12px;padding:10px 2px;text-align:center;font-size:10px;font-weight:600;transition:transform .2s}.landing-page .ap div:hover{transform:translateZ(20px) scale(1.08)}.landing-page .ap i{display:block;font-style:normal;font-size:22px}.landing-page .fb{position:absolute;font-size:30px;width:62px;height:62px;border-radius:20px;background:var(--card);display:grid;place-items:center;box-shadow:0 14px 30px #0f1b3d33;animation:fl 3s ease-in-out infinite}.landing-page .fb:nth-of-type(1){left:2%;top:12%}.landing-page .fb:nth-of-type(2){right:0;top:30%;animation-delay:.8s}.landing-page .fb:nth-of-type(3){left:6%;bottom:12%;animation-delay:1.6s}.landing-page .hand{position:absolute;top:2%;right:6%;font-weight:700;color:var(--mute);transform:rotate(-8deg);font-size:15px}.landing-page section{padding:44px 0}.landing-page h2{font-size:28px;letter-spacing:-.025em;margin:0 0 4px}.landing-page .sub{color:var(--mute);margin:0 0 26px}.landing-page .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;perspective:900px}.landing-page .card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 14px;text-align:center;transform-style:preserve-3d;transition:transform .12s,box-shadow .2s}.landing-page .card:hover{box-shadow:0 20px 40px #0f1b3d29}.landing-page .card i{display:block;font-style:normal;font-size:36px;transform:translateZ(30px);margin-bottom:6px}.landing-page .card b{display:block;transform:translateZ(18px)}.landing-page .card small{color:var(--mute);font-size:12px}.landing-page .how{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.landing-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.landing-page .step{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;position:relative;text-align:center}.landing-page .step u{position:absolute;top:-10px;left:-6px;width:28px;height:28px;border-radius:50%;background:var(--or);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center;text-decoration:none}.landing-page .step:nth-child(2) u{background:var(--bl)}.landing-page .step i{font-style:normal;font-size:34px;display:block}.landing-page .step b{display:block;margin-top:6px;font-size:14px}.landing-page .step small{color:var(--mute);font-size:12px}.landing-page .join{background:linear-gradient(135deg,#ffe9d6,#fff3e8);color:#0f1b3d;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:10px;position:relative;overflow:hidden}.landing-page .join h3{margin:0;font-size:22px}.landing-page .join p{margin:0 0 6px}.landing-page .join:after{content:"👷";position:absolute;right:14px;bottom:-6px;font-size:90px;animation:fl 3s ease-in-out infinite}.landing-page .city{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.landing-page .map{border-radius:22px;padding:30px;color:#fff;background:linear-gradient(135deg,#0e3b5c,#1b7a63);position:relative;overflow:hidden}.landing-page .map h3{margin:0 0 8px;font-size:24px}.landing-page .map p{margin:2px 0;opacity:.92}.landing-page .map:after{content:"⛰";position:absolute;right:20px;bottom:-10px;font-size:110px;opacity:.25;animation:fl 3s ease-in-out infinite}.landing-page .stats{background:var(--card);border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;padding:16px}.landing-page .stats b{display:block;font-size:24px}.landing-page .stats small{color:var(--mute);font-size:12px}.landing-page .feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.landing-page .feat div{border-radius:18px;padding:20px;display:flex;gap:14px}.landing-page .feat div:nth-child(1){background:#e3f8ec}.landing-page .feat div:nth-child(2){background:#e4efff}.landing-page .feat div:nth-child(3){background:#ece8ff}.landing-page .feat div{color:#0f1b3d}.landing-page .feat i{font-style:normal;font-size:28px}.landing-page .feat small{color:#46506e}.landing-page .tg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.landing-page .q{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.landing-page .q p{margin:0 0 10px;font-size:14px}.landing-page .q .st{color:#f59e0b;letter-spacing:2px}.landing-page .who{display:flex;gap:10px;align-items:center;font-size:13px;margin-top:6px}.landing-page .who span{width:38px;height:38px;border-radius:50%;background:var(--bl);color:#fff;display:grid;place-items:center;font-weight:700}.landing-page .rv{opacity:0;transform:translateY(34px) rotateX(12deg);transition:opacity .7s,transform .7s}.landing-page .rv.in{opacity:1;transform:none}.landing-page footer{background:var(--navy);color:#b9c3e2;padding:44px 0 22px;margin-top:30px}.landing-page .fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr 1fr;gap:26px;font-size:14px}.landing-page footer h4{color:#fff;margin:0 0 10px}.landing-page footer a,.landing-page footer p{display:block;margin:0 0 6px}.landing-page footer a:hover{color:#fff}.landing-page .sto{display:inline-block;border:1px solid #3a4772;border-radius:10px;padding:8px 14px;margin-bottom:8px;color:#fff;font-weight:600;text-decoration:none}.landing-page .cp{border-top:1px solid #1f2a4d;margin-top:26px;padding-top:16px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}@media (max-width: 900px){.landing-page .links,.landing-page .loc{display:none}.landing-page .hero,.landing-page .how,.landing-page .city{grid-template-columns:1fr}.landing-page .grid{grid-template-columns:1fr 1fr}.landing-page .feat,.landing-page .tg{grid-template-columns:1fr}.landing-page .fg{grid-template-columns:1fr 1fr}.landing-page .stage{min-height:500px}.landing-page .nav{padding:0 16px;gap:6px}.landing-page .desktop-only{display:none!important}.landing-page .menu-btn{display:flex}.landing-page .steps{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.landing-page *{animation:none!important;transition:none!important}.landing-page .rv{opacity:1;transform:none}}:root{--font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-200: #c7d2fe;--brand-300: #a5b4fc;--brand-400: #818cf8;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-700: #4338ca;--brand-800: #3730a3;--brand-900: #312e81;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success-50: #f0fdf4;--success-500: #10b981;--success-600: #059669;--warning-500: #f59e0b;--danger-500: #ef4444;--card-shadow: 0 4px 20px -2px rgba(15, 23, 42, .06), 0 2px 6px -1px rgba(15, 23, 42, .04);--card-hover-shadow: 0 20px 30px -8px rgba(79, 70, 229, .15), 0 8px 16px -4px rgba(15, 23, 42, .06)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip;overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch}body{overflow-x:clip;min-height:100%;width:100%;font-family:var(--font-family);background:#f8fafc;color:var(--gray-800);line-height:1.5;-webkit-font-smoothing:antialiased;touch-action:pan-y;overscroll-behavior-y:auto}#root{min-height:100%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem;width:100%}@media (max-width: 640px){.container{padding:0 1rem}}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1.35rem;width:100%}@media (max-width: 640px){.workers-grid{grid-template-columns:1fr;gap:1rem}}.worker-card{background:#fff;border-radius:1.125rem;padding:1.35rem;border:1px solid var(--gray-200);box-shadow:var(--card-shadow);position:relative;overflow:hidden;width:100%;box-sizing:border-box;transition:all .25s cubic-bezier(.16,1,.3,1)}.worker-card:hover{transform:translateY(-4px);border-color:#6366f166;box-shadow:var(--card-hover-shadow)}@media (max-width: 480px){.worker-card{padding:1.125rem 1rem}}.workers-preview-container{position:relative;width:100%;border-radius:1.25rem;overflow:hidden}@media (max-width: 640px){.workers-preview-container{max-height:520px}}.preview-unlock-card{width:100%;max-width:480px;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(99,102,241,.35);border-radius:1.5rem;padding:2rem 1.75rem;box-shadow:0 25px 60px -15px #4f46e559,0 0 0 1px #fffffff2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.875rem}@media (max-width: 480px){.preview-unlock-card{padding:1.5rem 1.125rem;border-radius:1.25rem;gap:.625rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover{background:var(--brand-700);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e540}.btn-secondary{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-sm{padding:.375rem .75rem;font-size:.8rem;border-radius:.375rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem;border-radius:.625rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-brand{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-100)}.badge-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.badge-neutral{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.input{width:100%;padding:.625rem .875rem;border:1.5px solid var(--gray-300);border-radius:.5rem;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s ease;background:#fff}.input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #6366f126}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.navbar-header{background:#0f0c29eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100;width:100%}.navbar-container{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:60px;gap:.75rem;max-width:1200px;margin:0 auto;padding:0 1.25rem}.navbar-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;flex-shrink:0}.navbar-logo-icon{width:36px;height:36px;border-radius:.75rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #4f46e566;flex-shrink:0}.navbar-brand-title{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.1}.navbar-brand-subtitle{font-size:.6rem;color:#a5b4fc;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.navbar-location-badge{display:flex;align-items:center;gap:.35rem;background:#ffffff0f;padding:.3rem .75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.12);font-size:.78rem;font-weight:600;color:#c7d2fe;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.navbar-location-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-nav{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.navbar-link{font-size:.82rem;font-weight:700;color:#c7d2fe;padding:.35rem .75rem;border-radius:.625rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:all .15s ease;white-space:nowrap;display:flex;align-items:center;gap:.35rem}.navbar-link:hover,.navbar-link.active{color:#fff;background:#6366f159;border-color:#818cf880;box-shadow:0 0 12px #6366f140}.navbar-login-btn{white-space:nowrap!important;font-weight:700;display:inline-flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;box-shadow:0 4px 14px #4f46e566!important}.navbar-login-text-short{display:none}.navbar-user-group{display:flex;align-items:center;gap:.375rem}.navbar-user-badge{display:flex;align-items:center;gap:.35rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:.2rem .5rem .2rem .25rem;border-radius:9999px;font-size:.75rem;font-weight:700;color:#e2e8f0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:all .15s ease}.navbar-user-badge:hover{background:#ffffff1f;border-color:#fff3}.navbar-logout-btn{padding:.35rem;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff9;cursor:pointer;transition:all .15s ease}.navbar-logout-btn:hover{background:#ffffff1f;color:#ffffffe6}.navbar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.navbar-container{height:54px;gap:.375rem;padding:0 .625rem}.navbar-brand-subtitle,.navbar-location-badge{display:none}.navbar-link{display:inline-flex!important;font-size:.75rem!important;padding:.3rem .5rem!important;gap:.25rem!important}.navbar-login-text-full{display:none}.navbar-login-text-short{display:inline}.navbar-link-text,.navbar-user-name{display:none}.navbar-user-badge{padding:.2rem!important}.navbar-logout-btn{padding:.25rem!important}}@media (max-width: 520px){.navbar-location-badge{display:none}}.footer-wrapper{background:#0f172a;color:var(--gray-400);padding:3.5rem 0 1.5rem;margin-top:4rem;font-size:.875rem;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:2fr 1.2fr 1.2fr;gap:2.5rem;margin-bottom:2.5rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.775rem;color:var(--gray-500)}.footer-area-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.footer-area-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.25rem .625rem;border-radius:9999px;font-size:.775rem;color:#cbd5e1;display:inline-flex;align-items:center;gap:.25rem}@media (max-width: 768px){.footer-wrapper{padding:2.5rem 0 1.5rem;margin-top:3rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:.625rem;text-align:center}}.hero-search-card{background:#fff;border-radius:1.25rem;padding:1.25rem;box-shadow:0 20px 45px -10px #0f172a59;display:flex;flex-direction:column;gap:.75rem;border:1px solid rgba(255,255,255,.9);width:100%;max-width:820px;margin:0 auto;text-align:left}.hero-location-row{display:flex;align-items:stretch;gap:.625rem;width:100%}.hero-dropdown-wrapper{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:.75rem;padding:.45rem .75rem;transition:all .15s ease}.hero-dropdown-wrapper select{color:var(--gray-800);font-weight:700;letter-spacing:.01em}.hero-dropdown-wrapper select option,.hero-dropdown-wrapper select optgroup{font-size:.85rem;font-weight:600;color:var(--gray-800);background:#fff}.hero-dropdown-wrapper:focus-within{border-color:var(--brand-500);background:#fff;box-shadow:0 0 0 3px #6366f11f}.hero-gps-btn{flex-shrink:0;padding:.5rem .875rem!important;border-radius:.75rem!important;font-size:.8rem!important;font-weight:600!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:.375rem!important}.hero-pin-form{position:relative;display:flex;align-items:center;width:100%}.hero-pin-input{width:100%;height:44px;padding:0 4.75rem 0 2.35rem;border:1.5px solid var(--gray-200);border-radius:.75rem;font-size:.875rem;font-family:inherit;background:var(--gray-50);outline:none;transition:all .15s ease}.hero-pin-input:focus{border-color:var(--brand-500);background:#fff;box-shadow:0 0 0 3px #6366f11f}.hero-pin-btn{position:absolute;right:5px;top:5px;bottom:5px;padding:0 .875rem!important;border-radius:.5rem!important;font-size:.8rem!important;font-weight:600!important;white-space:nowrap!important}.hero-service-search{position:relative;width:100%}.hero-service-input{width:100%;height:44px;padding:0 .875rem 0 2.35rem;border:1.5px solid var(--gray-200);border-radius:.75rem;font-size:.875rem;font-family:inherit;background:#fff;outline:none;transition:all .15s ease}.hero-service-input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #6366f11f}@media (max-width: 480px){.hero-search-card{padding:1rem .875rem;gap:.625rem}}.top-announcement-banner{position:relative;z-index:1100;box-shadow:0 2px 8px #0000001f;transition:all .2s ease;padding:.45rem 1rem;font-size:.825rem}.top-announcement-container{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;max-width:1280px;margin:0 auto;position:relative}.top-announcement-main{display:flex;align-items:center;justify-content:center;gap:.625rem;flex:1;min-width:0;flex-wrap:wrap;text-align:center}.top-announcement-header-row{display:inline-flex;align-items:center;gap:.375rem;flex-wrap:nowrap}.top-announcement-title{font-weight:800;letter-spacing:.2px;text-transform:uppercase;font-size:.725rem;padding:2px 7px;border-radius:4px;white-space:nowrap}.top-announcement-time{display:inline-flex;align-items:center;gap:.25rem;font-size:.725rem;background:#0003;padding:2px 8px;border-radius:12px;font-weight:600;white-space:nowrap}.top-announcement-msg{font-weight:500;line-height:1.35}.top-announcement-badge{background:#fee2e2;color:#991b1b;padding:2px 9px;border-radius:12px;font-size:.72rem;font-weight:700;border:1px solid #fca5a5;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.top-announcement-close{background:transparent;border:none;color:inherit;cursor:pointer;opacity:.8;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.25rem;flex-shrink:0;transition:opacity .15s ease}.top-announcement-close:hover{opacity:1}@media (max-width: 640px){.top-announcement-banner{padding:.35rem .65rem;font-size:.75rem}.top-announcement-container{padding-right:1.75rem}.top-announcement-main{flex-direction:column;align-items:flex-start;text-align:left;gap:.25rem}.top-announcement-header-row{flex-wrap:wrap;gap:.35rem}.top-announcement-msg{font-size:.725rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-announcement-badge{font-size:.675rem;padding:1px 6px}.top-announcement-close{position:absolute;right:0;top:50%;transform:translateY(-50%)}}@media (max-width: 360px){.top-announcement-banner{padding:.25rem .5rem}.top-announcement-title{font-size:.675rem;padding:1px 5px}.top-announcement-time{font-size:.65rem;padding:1px 6px}.top-announcement-msg{font-size:.675rem}}.hero-headline-highlight{position:relative;display:inline-block;padding:0 .35rem}.hero-headline-text{background:linear-gradient(135deg,#a5b4fc,#818cf8 40%,#38bdf8 75%,#fde047);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:2;text-shadow:0 0 30px rgba(99,102,241,.35)}.hero-arrow-swoop-svg{position:absolute;bottom:-18px;left:0;width:100%;height:32px;overflow:visible;pointer-events:none;z-index:1;filter:drop-shadow(0 3px 12px rgba(56,189,248,.6))}.hero-swoop-path{stroke-dasharray:450;stroke-dashoffset:0;animation:heroSwoopDraw 4s ease-in-out infinite alternate}.hero-arrowhead-path{animation:heroArrowheadPulse 4s ease-in-out infinite alternate;transform-origin:338px 15px}@keyframes heroSwoopDraw{0%{stroke-dashoffset:90;opacity:.8}50%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-50;opacity:.9}}@keyframes heroArrowheadPulse{0%,to{transform:translate(0) scale(.95)}50%{transform:translate(3px,-1px) scale(1.1)}}.hero-sparkle{position:absolute;font-size:1.25rem;pointer-events:none;display:inline-block;-webkit-user-select:none;user-select:none;z-index:3}.hero-sparkle-1{top:-12px;right:-24px;animation:heroSparkleTwinkle1 3s ease-in-out infinite}.hero-sparkle-2{bottom:-4px;left:-22px;font-size:1rem;animation:heroSparkleTwinkle2 3.5s ease-in-out infinite}@keyframes heroSparkleTwinkle1{0%,to{transform:translateY(0) scale(.85) rotate(0);opacity:.6;filter:drop-shadow(0 0 4px rgba(245,158,11,.5))}50%{transform:translateY(-8px) scale(1.25) rotate(20deg);opacity:1;filter:drop-shadow(0 0 12px rgba(245,158,11,.95))}}@keyframes heroSparkleTwinkle2{0%,to{transform:translateY(0) scale(.9) rotate(0);opacity:.5}50%{transform:translateY(6px) scale(1.2) rotate(-15deg);opacity:1;filter:drop-shadow(0 0 10px rgba(56,189,248,.9))}}.hero-floating-arrow-callout{display:inline-flex;align-items:center;gap:.625rem;margin-bottom:1rem;animation:heroCalloutFloat 3.5s ease-in-out infinite}.hero-callout-bubble{background:#0f172ae0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(56,189,248,.45);color:#38bdf8;padding:.35rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 4px 20px #00000059,0 0 15px #38bdf84d}.hero-callout-dot{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.hero-callout-curved-arrow{overflow:visible;filter:drop-shadow(0 2px 6px rgba(56,189,248,.6));animation:heroCalloutArrowPulse 3.5s ease-in-out infinite}@keyframes heroCalloutFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes heroCalloutArrowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08) translate(2px,1px)}}@media (max-width: 640px){.hero-arrow-swoop-svg{bottom:-12px;height:24px}.hero-floating-arrow-callout{margin-bottom:.75rem}.hero-sparkle{font-size:1rem}}.navbar-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;width:220px;background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.5rem;box-shadow:0 10px 40px -10px #00000080,0 0 0 1px #ffffff0d inset;display:flex;flex-direction:column;z-index:1000;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.navbar-dropdown-header{padding:.5rem .75rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.25rem}.navbar-dropdown-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;color:#e2e8f0;font-size:.8rem;font-weight:600;background:transparent;border:none;border-radius:.5rem;cursor:pointer;text-align:left;text-decoration:none;transition:all .2s;width:100%}.navbar-dropdown-item:hover{background:#ffffff14}.navbar-dropdown-divider{height:1px;background:#ffffff14;margin:.25rem 0}.worker-dashboard{min-height:calc(100dvh - 60px);background:var(--gray-50)}.worker-hero{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);padding:1.5rem 1rem 1.75rem;position:relative;overflow:hidden}.worker-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 20%,rgba(79,70,229,.15),transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(16,185,129,.1),transparent 50%);pointer-events:none}.worker-hero-inner{max-width:900px;margin:0 auto;position:relative;z-index:1}.worker-hero-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.worker-hero-info{display:flex;align-items:center;gap:.75rem}.worker-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;text-transform:uppercase;border:2.5px solid rgba(16,185,129,.3);box-shadow:0 4px 12px #10b98140;flex-shrink:0}.worker-hero-name{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:#f1f5f9;line-height:1.2}.worker-hero-role{font-size:.7rem;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:.3rem;margin-top:.15rem}.availability-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.availability-toggle-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.availability-toggle-label.on{color:#10b981}.availability-toggle-label.off{color:#ef4444}.toggle-track{width:44px;height:24px;border-radius:12px;position:relative;cursor:pointer;transition:background .25s ease}.toggle-track.on{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98159}.toggle-track.off{background:#374151}.toggle-thumb{position:absolute;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:left .25s ease}.toggle-thumb.on{left:22px}.toggle-thumb.off{left:2px}.worker-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.worker-stat-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.75rem;text-align:center}.worker-stat-value{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:#f1f5f9;line-height:1}.worker-stat-label{font-size:.65rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.worker-tabs{display:flex;gap:.25rem;background:#fff;padding:.375rem;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:10}.worker-tab{flex:1;padding:.625rem .5rem;border:none;border-radius:.5rem;font-size:.78rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;transition:all .2s ease;background:transparent;color:var(--gray-500);position:relative}.worker-tab:hover{background:var(--gray-100);color:var(--gray-700)}.worker-tab.active{background:var(--brand-50);color:var(--brand-700);box-shadow:0 1px 3px #4f46e51a}.worker-tab-badge{background:var(--brand-600);color:#fff;font-size:.6rem;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.worker-content{max-width:900px;margin:0 auto;padding:1rem}.worker-job-card{background:#fff;border:1.5px solid var(--gray-200);border-radius:1rem;padding:1rem;margin-bottom:.75rem;transition:all .2s ease;box-shadow:var(--card-shadow)}.worker-job-card:hover{border-color:var(--brand-200);box-shadow:var(--card-hover-shadow)}.worker-job-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.worker-job-service{display:flex;align-items:center;gap:.5rem}.worker-job-service-icon{width:38px;height:38px;border-radius:.625rem;background:var(--brand-50);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.worker-job-service-name{font-weight:700;font-size:.9rem;color:var(--gray-800)}.worker-job-service-time{font-size:.7rem;color:var(--gray-400);margin-top:.1rem}.worker-job-price{font-family:var(--font-heading);font-weight:800;font-size:1.1rem;color:var(--brand-700);white-space:nowrap}.worker-job-details{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.worker-job-detail-row{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--gray-600)}.worker-job-detail-row svg{flex-shrink:0;color:var(--gray-400)}.worker-job-description{font-size:.78rem;color:var(--gray-500);background:var(--gray-50);padding:.5rem .625rem;border-radius:.5rem;margin-bottom:.75rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.worker-job-actions{display:flex;gap:.5rem}.worker-accept-btn{flex:1;padding:.6rem;border:none;border-radius:.625rem;font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d;transition:all .2s ease}.worker-accept-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b98166}.worker-accept-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.worker-reject-btn{padding:.6rem 1rem;border:1.5px solid var(--gray-300);border-radius:.625rem;font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;background:#fff;color:var(--gray-600);transition:all .2s ease}.worker-reject-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.worker-status-btn{flex:1;padding:.6rem;border:none;border-radius:.625rem;font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(135deg,var(--brand-600),var(--brand-700));color:#fff;box-shadow:0 2px 8px #4f46e54d;transition:all .2s ease}.worker-status-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4f46e566}.worker-status-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.worker-status-btn.complete{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.worker-call-btn{padding:.6rem 1rem;border:1.5px solid var(--brand-200);border-radius:.625rem;font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;background:var(--brand-50);color:var(--brand-700);text-decoration:none;transition:all .2s ease}.worker-call-btn:hover{background:var(--brand-100)}.worker-job-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .625rem;border-radius:99px;font-size:.7rem;font-weight:700;white-space:nowrap}.worker-empty{text-align:center;padding:3rem 1rem}.worker-empty-icon{font-size:3rem;margin-bottom:.75rem}.worker-empty-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:800;color:var(--gray-700);margin-bottom:.35rem}.worker-empty-desc{font-size:.8rem;color:var(--gray-500);max-width:300px;margin:0 auto;line-height:1.5}.worker-rating{display:flex;align-items:center;gap:.15rem;font-size:.85rem}@media (max-width: 480px){.worker-hero{padding:1rem .75rem 1.25rem}.worker-stats-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.worker-stat-card{padding:.5rem}.worker-stat-value{font-size:1.15rem}.worker-stat-label{font-size:.58rem}.worker-hero-name{font-size:1.1rem}.worker-avatar{width:40px;height:40px;font-size:1rem}.worker-tab{font-size:.7rem;padding:.5rem .25rem}.worker-content{padding:.75rem}.worker-job-card{padding:.875rem}.worker-job-actions{flex-direction:column}}@media (max-width: 768px){.customer-modal-left-panel{display:none!important}}
