@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";:root{--bg:#f8f9fa;--sidebar-bg:#0f172a;--sidebar-active:#10b981;--sidebar-text:#94a3b8;--sidebar-active-text:#fff;--panel-bg:#fff;--border:#e2e8f0;--border-dark:#cbd5e1;--text-dark:#1e293b;--text-muted:#64748b;--accent:#10b981;--accent-hover:#059669;--status-active-bg:#d1fae5;--status-active-text:#065f46;--status-pending-bg:#fef3c7;--status-pending-text:#92400e;--status-suspended-bg:#fee2e2;--status-suspended-text:#991b1b;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d;--display:"Inter", system-ui, -apple-system, sans-serif;--sans:"Inter", system-ui, -apple-system, sans-serif;font:14px/1.5 var(--sans);color:var(--text-dark);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--text-dark);min-height:100dvh;margin:0}#root{min-height:100dvh}h1,h2,h3,h4{font-family:var(--display);color:var(--text-dark);margin:0 0 8px;font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;font-size:28px}h2{letter-spacing:-.01em;font-size:24px}h3{font-size:18px}h4{font-size:16px}p{margin:0;line-height:1.6}.badge-status{cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.badge-status.active{background-color:var(--status-active-bg);color:var(--status-active-text)}.badge-status.pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.badge-status.suspended{background-color:var(--status-suspended-bg);color:var(--status-suspended-text)}.avatar-initials{width:40px;height:40px;color:var(--text-muted);background-color:#e9ecef;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden}.presence-dot{z-index:3;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0000001f}.presence-dot.online{background:#0ca678}.presence-dot.offline{background:#6c757d}.detail-view .avatar-initials .presence-dot{border-width:3px;width:14px;height:14px;top:12px;right:12px}.btn-view{background-color:var(--accent);color:var(--sidebar-active-text);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:0;width:36px;height:36px;padding:0;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-view:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-view .material-icons{font-size:18px;line-height:1}.avatar-initials img{object-fit:cover;width:100%;height:100%}.avatar-green{background-color:var(--accent);color:var(--sidebar-active-text)}html{scroll-behavior:smooth}.landing-shell{color:#1a1f2b;flex-direction:column;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex}a{text-decoration:none}.scroll-progress{z-index:9999;background:linear-gradient(90deg,#08d612,#667eea);border-radius:0 2px 2px 0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.landing-header{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#fffffff5;transition:transform .35s cubic-bezier(.4,0,.2,1);position:sticky;top:0;left:0;right:0;box-shadow:0 2px 16px #0000000f}.landing-header.header-hidden{transform:translateY(-100%)}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;padding:.9rem 5%;display:grid}.landing-logo{justify-self:start;align-items:center;display:flex}.logo-image{object-fit:contain;width:auto;height:46px}.landing-nav{justify-self:center;align-items:center;gap:1.4rem;display:flex}.nav-link,button.nav-link,a.nav-link{text-align:left;color:#475569;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;width:100%;padding:.4rem .7rem;font-family:inherit;font-size:1.05rem;font-weight:400;text-decoration:none;transition:color .2s,background .2s;display:flex!important}.nav-link:hover{color:#08d612;background:#08d6120f}.nav-link-active{font-weight:600;color:#08d612!important}.nav-link-active:after{content:"";background:#08d612;border-radius:999px;width:100%;height:2px;margin-top:4px;display:block}.nav-divider{background:#d1d5db;width:1px;height:24px;margin:0 1rem}.menu-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1999;background:#0006;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.mobile-menu-footer{width:100%;margin-top:auto;padding-top:1.5rem;display:none}.menu-toggle{color:#0e5c6b;cursor:pointer;z-index:2001;background:0 0;border:none;padding:.4rem;font-size:1.8rem;transition:color .2s;display:none}.menu-toggle:hover{color:#08d612}.header-actions{justify-self:end;align-items:center;gap:1.6rem;display:flex}.staff-login-link{white-space:nowrap;background:0 0;border-radius:6px;padding:.3rem .6rem;font-size:500px;font-weight:400;text-decoration:none;transition:color .2s;color:#475569!important}.staff-login-link:hover{background:0 0;color:#08d612!important}.get-app-btn{color:#fff;cursor:pointer;white-space:nowrap;box-shadow:none;background:#0f6e6e;border:none;border-radius:50px;padding:.7rem 1.7rem;font-size:1rem;font-weight:600;transition:background .2s,transform .2s}.get-app-btn:hover{background:#0c5c5c;transform:translateY(-1px)}.landing-main{flex:1}.section-container{scroll-margin-top:70px}.landing-footer{color:#fff;background:linear-gradient(160deg,#1a1f2b 0%,#0f1118 100%);margin-top:4rem}.footer-content{grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1400px;margin:0 auto;padding:4.5rem 5% 3rem;display:grid}.footer-section h3{color:#08d612;margin-bottom:1.5rem;font-size:1.1rem;display:inline-block;position:relative}.footer-section h3:after{content:"";background:#08d612;border-radius:2px;width:36px;height:3px;position:absolute;bottom:-8px;left:0}.footer-section .hours-title{margin-top:1.8rem}.footer-logo{filter:brightness(0)invert();width:auto;height:38px;margin-bottom:1rem}.footer-description{color:#94a3b8;margin-bottom:1.5rem;font-size:.9rem;line-height:1.65}.social-icons{gap:.7rem;display:flex}.social-icon{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;text-decoration:none;transition:background .25s,color .25s,transform .25s;display:flex}.social-icon:hover{color:#fff;background:#08d612;border-color:#0000;transform:translateY(-3px)}.contact-info{flex-direction:column;gap:.9rem;display:flex}.contact-item{color:#94a3b8;align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.5;display:flex}.contact-icon{color:#08d612;flex-shrink:0;margin-top:2px;font-size:.95rem}.contact-item a{color:#94a3b8;text-decoration:none;transition:color .2s}.contact-item a:hover{color:#08d612}.hours-info{flex-direction:column;gap:.5rem;margin-bottom:1.2rem;display:flex}.hours-item{color:#94a3b8;justify-content:space-between;font-size:.88rem;display:flex}.support-badge{color:#08d612;background:#08d6121a;border:1px solid #08d61233;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.88rem;font-weight:600;display:flex}.footer-bottom{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 5%;display:flex}.footer-bottom p{color:#64748b;font-size:.85rem}.footer-actions{align-items:center;gap:1.5rem;display:flex}.payment-methods{align-items:center;gap:1.1rem;display:flex}.pay-icon{color:#475569;font-size:1.35rem;transition:all .3s}.pay-icon:hover{color:#22c55e}.footer-divider{background:#ffffff1a;width:1px;height:20px}.footer-staff-icon{color:#475569;align-items:center;font-size:1.6rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.footer-staff-icon:hover{color:#22c55e;transform:translateY(-2px)scale(1.1)}@media (width<=1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (width<=900px){.landing-header{z-index:2100;width:100%;position:fixed;top:0;left:0}body{padding-top:70px}.header-inner{z-index:2001;grid-template-columns:auto auto;justify-content:space-between;padding:.8rem 5%;position:relative}.menu-toggle{color:#22c55e;padding:.5rem;font-size:1.5rem;display:block}.header-actions{display:none}.landing-nav{z-index:2000;background:#fff;flex-direction:column;gap:0;width:240px;height:100vh;padding:7rem 0 2rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0000000d}.landing-nav.menu-open{transform:translate(0)}.landing-nav .nav-link{text-align:left;color:#475569;border-bottom:1px solid #0000000a;border-radius:0;width:100%;height:auto;padding:1.2rem 2rem;font-size:1.1rem;line-height:1.2}.landing-nav .nav-link-active{background:#22c55e0a;position:relative;color:#22c55e!important}.landing-nav .nav-link-active:after{content:"";background:#22c55e;width:4px;height:60%;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.landing-logo{transition:all .3s}.header-inner:has(.menu-open) .landing-logo{transform:scale(.9)}.landing-nav .mobile-menu-footer{padding:1rem 2rem 0;display:block}.landing-nav .mobile-menu-footer .get-app-btn{text-align:center;width:100%}.landing-nav .nav-divider{width:100%;height:1px;margin:.5rem 0}}@media (width<=768px){.footer-content{grid-template-columns:1fr;padding:3rem 5%}.header-inner{padding:.8rem 5%}.staff-login-link{display:none}.get-app-btn{padding:.5rem 1rem;font-size:.82rem}.logo-image{height:34px}.footer-bottom{text-align:center;flex-direction:column}.section-container{scroll-margin-top:60px}}@media (width<=560px){.header-inner{grid-template-columns:auto auto;justify-content:space-between;gap:.5rem}.landing-logo{justify-self:start}.get-app-btn{padding:.5rem 1rem;font-size:.82rem}.logo-image{height:34px}}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(32px)}.reveal.revealed{opacity:1;transform:translateY(0)}:root{--green:#08d612;--green-dark:#06b20f;--gold:gold;--navy:#1a1f2b;--navy-light:#0f1118;--slate:#64748b;--surface:#f8fafc;--white:#fff;--radius-card:20px;--shadow-card:0 4px 24px #00000012}.home-container{width:100%;overflow-x:hidden}.hero-banner-main{background:#071e24;height:100vh;min-height:600px;position:relative;overflow:hidden}.hero-slide-fader{transition:opacity 1s ease-in-out;position:absolute;inset:0}.hero-slide-img{object-fit:cover;width:100%;height:100%}.hero-slide-overlay{background:linear-gradient(90deg,#071e24d1 40%,#071e244d 100%);position:absolute;inset:0}.hero-banner-content{z-index:10;flex-direction:column;justify-content:center;max-width:1280px;height:100%;margin:0 auto;padding:5rem 1.5rem 0;display:flex;position:relative}.hero-content-inner{max-width:36rem}.hero-badge-pill{background:#22c55e33;border:1px solid #22c55e66;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1.1rem;display:inline-flex}.badge-pulse-dot{background:#22c55e;border-radius:50%;width:.5rem;height:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-green}@keyframes pulse-green{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.badge-text{color:#22c55e;font-size:.875rem;font-weight:500}.hero-headline-main{color:#0d2d35;margin-bottom:1.5rem;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;line-height:1.1}.text-highlight-green{color:#22c55e}.hero-subline-main{color:#ffffffb3;max-width:90%;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.hero-cta-group{flex-wrap:wrap;gap:1rem;display:flex}.cta-btn{cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.cta-btn.secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff4d}.cta-btn.secondary:hover{background:#fff3}.cta-icon{font-size:1.1rem}.hero-quick-stats{flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;display:flex}.h-q-stat{color:#fff9;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.h-q-icon{color:#22c55e}.slide-dots-container{z-index:20;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.slide-dot-item{cursor:pointer;background:#fff6;border:none;border-radius:9999px;width:.5rem;height:.5rem;padding:0;transition:all .3s}.slide-dot-item.active{background:#22c55e;width:2rem}.slide-arrow-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:20;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slide-arrow-btn:hover{background:#fff3}.slide-arrow-btn.left{left:1rem}.slide-arrow-btn.right{right:1rem}.slider-arrow:hover{background:#22d55a99;border-color:#22d55a}.slider-arrow.left{left:30px}.slider-arrow.right{right:30px}.slider-dots{z-index:20;gap:.8rem;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:10px;width:12px;height:6px;transition:all .4s cubic-bezier(.4,0,.2,1)}.dot.active{background:#22d55a;width:32px;box-shadow:0 0 10px #22d55a80}.hero-visual{flex:1;justify-content:center;align-items:center;min-width:280px;display:flex}.scene-3d{justify-content:center;align-items:center;width:380px;height:260px;transition:transform .15s;display:flex;position:relative}.road-track{background:#ffffff1f;border-radius:3px;height:6px;position:absolute;bottom:20px;left:0;right:0;overflow:hidden}.lane-dash{background:repeating-linear-gradient(90deg,#fff6 0 24px,#0000 24px 48px);animation:.8s linear infinite dashMove;position:absolute;inset:0}@keyframes dashMove{0%{transform:translate(0)}to{transform:translate(-48px)}}.floating-car{filter:drop-shadow(0 16px 24px #00000059);z-index:2;will-change:transform;width:220px;height:auto;animation:2.5s ease-in-out infinite carBounce;position:relative}@keyframes carBounce{0%,to{margin-bottom:0}50%{margin-bottom:12px}}.car-shadow{filter:blur(6px);z-index:1;background:#00000040;border-radius:50%;width:140px;height:16px;animation:2.5s ease-in-out infinite shadowPulse;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@keyframes shadowPulse{0%,to{opacity:.25;transform:translate(-50%)scaleX(1)}50%{opacity:.15;transform:translate(-50%)scaleX(.8)}}.speed-lines{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.speed-line{width:40px;height:3px;animation:speedFlash .7s calc(var(--si) * .15s) ease-in-out infinite;background:#ffffff59;border-radius:2px}@keyframes speedFlash{0%,to{opacity:.25;width:30px}50%{opacity:.65;width:55px}}.hero-wave{z-index:3;line-height:0;position:absolute;bottom:-1px;left:0;right:0}.hero-wave svg{width:100%;height:80px;display:block}.map-route-section{background:linear-gradient(#0d1f12 0%,#0f2318 40%,#0a1a10 100%);height:300vh;position:relative}.map-sticky-container{justify-content:center;align-items:center;gap:3rem;max-width:1440px;height:100vh;margin:0 auto;padding:0 5%;display:flex;position:sticky;top:0;overflow:hidden}.map-text-column{flex:0 0 300px;height:320px;position:relative}@media (width<=1024px){.map-sticky-container{flex-direction:column;gap:2rem;height:auto;padding-top:5rem}.map-text-column{text-align:center;flex:1;width:100%;height:auto}}.map-panel{width:100%;transition:opacity .3s,transform .3s}.map-panel-tag{letter-spacing:.1em;text-transform:uppercase;color:#22d55a;background:#22d55a1f;border:1px solid #22d55a4d;border-radius:50px;margin-bottom:1rem;padding:.28rem .8rem;font-size:.73rem;font-weight:700;display:inline-block}.map-panel h2{color:var(--white);margin-bottom:.8rem;font-size:clamp(1.6rem,2.5vw,2.3rem);font-weight:800;line-height:1.2}.map-panel p{color:#ffffffad;margin-bottom:1.2rem;font-size:1rem;line-height:1.7}.map-panel-detail{color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.6rem;width:fit-content;padding:.5rem 1rem;font-size:.86rem;display:flex}.mpd-icon{font-size:.9rem}.mpd-icon.green{color:#22d55a}.mpd-icon.orange{color:#ff6b00}.mpd-icon.red{color:#f87171}.map-canvas-column{flex-direction:column;flex:1;align-items:center;max-width:780px;display:flex;position:relative}.map-3d-wrapper{transform-origin:50% 60%;width:100%;transform-style:preserve-3d;border-radius:22px;transition:transform .15s;overflow:hidden;transform:perspective(900px)rotateX(22deg)rotateY(-4deg)scale(1.02);box-shadow:0 50px 100px #000000b3,0 0 0 1px #ffffff12,inset 0 1px #ffffff14}.map-3d-wrapper:hover{transform:perspective(900px)rotateX(16deg)rotateY(0)scale(1.02)}.map-svg{width:100%;height:auto;display:block}.pin-pulse{transform-origin:0 17px;animation:1.5s ease-out infinite pinPulse}.pin-pulse-2{transform-origin:0 17px;animation:1.5s ease-out .55s infinite pinPulse}@keyframes pinPulse{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}.map-scroll-hint{color:#fff6;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.4rem;margin-top:1.2rem;font-size:.75rem;display:flex}.scroll-arrow-anim{border-bottom:2px solid #ffffff47;border-right:2px solid #ffffff47;width:20px;height:20px;animation:1.2s ease-in-out infinite bounceDown;transform:rotate(45deg)}@keyframes bounceDown{0%,to{opacity:.35;transform:rotate(45deg)translateY(0)}50%{opacity:.85;transform:rotate(45deg)translateY(5px)}}.features-section{background:var(--surface);text-align:center;padding:6rem 5% 5rem}.section-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--green-dark);background:#08d6121a;border:1px solid #08d61233;border-radius:50px;margin-bottom:.8rem;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.section-eyebrow.light{color:var(--gold);background:#ffd7001f;border-color:#ffd70040}.features-section h2{color:var(--navy);margin-bottom:.5rem;font-size:clamp(1.8rem,3vw,2.6rem)}.section-subtitle{color:var(--slate);margin-bottom:3rem;font-size:1.05rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.8rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:var(--white);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-card);cursor:default;border:1px solid #0000000a;padding:2.2rem 1.8rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.feature-card:hover .card-glow{opacity:.07}.card-glow{background:var(--accent);opacity:0;pointer-events:none;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.feature-icon-wrap{width:68px;height:68px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 1.2rem;font-size:1.8rem;transition:transform .3s;display:flex}.feature-card:hover .feature-icon-wrap{transform:scale(1.1)rotate(-5deg)}.feature-card h3{color:var(--navy);margin-bottom:.6rem;font-size:1.25rem;font-weight:700}.feature-card p{color:var(--slate);font-size:.95rem;line-height:1.6}.how-it-works{background:var(--white);text-align:center;padding:6rem 5% 5rem}.how-it-works h2{color:var(--navy);margin-bottom:.5rem;font-size:clamp(1.8rem,3vw,2.6rem)}.steps-container{flex-wrap:wrap;justify-content:center;align-items:center;max-width:1000px;margin:3.5rem auto 0;display:flex}.step-row-item{flex:1;align-items:center;min-width:220px;display:flex}.step{background:var(--surface);border-radius:var(--radius-card);border:1px solid #0000000a;flex:1;padding:2.2rem 1.5rem;transition:transform .3s,box-shadow .3s;position:relative}.step:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000014}.step-number{letter-spacing:.05em;color:var(--green-dark);background:#08d6121a;border:1px solid #08d61233;border-radius:50px;margin-bottom:1rem;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-block}.step-icon-wrap{color:var(--green-dark);justify-content:center;margin-bottom:.8rem;font-size:2.2rem;transition:transform .3s;display:flex}.step:hover .step-icon-wrap{transform:scale(1.15)}.step h3{color:var(--navy);margin-bottom:.4rem;font-size:1.2rem;font-weight:700}.step p{color:var(--slate);font-size:.92rem;line-height:1.55}.step-connector{flex-shrink:0;justify-content:center;align-items:center;width:48px;display:flex}.connector-line{background:var(--green);opacity:.3;width:2px;height:24px;display:none}.connector-dot{background:var(--green-dark);border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.app-section{background:linear-gradient(135deg,#0d2137 0%,#1a3a5c 50%,#0e2d20 100%);padding:5rem 5%;position:relative;overflow:hidden}.app-bg-blobs{pointer-events:none;z-index:0;position:absolute;inset:0}.blob{filter:blur(70px);opacity:.2;border-radius:50%;position:absolute}.blob-1{background:var(--gold);width:420px;height:420px;animation:8s ease-in-out infinite alternate blobDrift;top:-140px;right:-90px}.blob-2{background:#22d55a;width:320px;height:320px;animation:10s ease-in-out infinite alternate-reverse blobDrift;bottom:-110px;left:-70px}@keyframes blobDrift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.08)}}.app-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;display:flex;position:relative}.app-text{flex:1;min-width:280px}.app-text h2{color:var(--white);margin:.5rem 0 1rem;font-size:clamp(1.8rem,3vw,2.5rem)}.app-text p{color:#ffffffd1;margin-bottom:2rem;line-height:1.7}.app-buttons{flex-wrap:wrap;gap:1rem;display:flex}.app-btn{background:var(--white);cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.8rem;padding:.8rem 1.4rem;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 4px 16px #0000002e}.app-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000038}.app-btn-icon{color:var(--navy);font-size:1.6rem}.app-btn span{text-align:left;color:var(--navy);flex-direction:column;font-size:1rem;font-weight:700;line-height:1.3;display:flex}.app-btn span small{color:var(--slate);font-size:.7rem;font-weight:400}.app-phone-wrap{flex:1;justify-content:center;min-width:260px;display:flex}.phone-3d{background:var(--navy);border-radius:36px;width:220px;height:400px;padding:12px;animation:3.5s ease-in-out infinite phoneFloat;box-shadow:0 30px 60px #00000073,inset 0 0 0 2px #ffffff14}@keyframes phoneFloat{0%,to{transform:translateY(0)rotateY(-8deg)rotateX(4deg)}50%{transform:translateY(-14px)rotateY(-8deg)rotateX(4deg)}}.phone-screen{background:#e8f5e9;border-radius:26px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.phone-status-bar{background:#c8e6c9;flex-shrink:0;height:28px}.phone-map-placeholder{background:linear-gradient(160deg,#c8e6c9 0%,#a5d6a7 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.map-pin{color:#d32f2f;z-index:2;font-size:2rem;position:relative}.map-pulse{border:2px solid #d32f2f;border-radius:50%;width:60px;height:60px;animation:1.5s ease-out infinite mapPulse;position:absolute}@keyframes mapPulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.map-car{color:#1565c0;font-size:1.4rem;animation:3s linear infinite carDriveSmall;position:absolute;bottom:40px;left:10px}@keyframes carDriveSmall{0%{opacity:1;left:10px}80%{opacity:1;left:120px}to{opacity:0;left:120px}}.phone-bottom-sheet{background:var(--white);text-align:center;border-radius:20px 20px 0 0;padding:1rem}.sheet-handle{background:#ddd;border-radius:2px;width:32px;height:4px;margin:0 auto .5rem}.phone-bottom-sheet p{color:var(--slate);margin:0 0 .2rem;font-size:.72rem}.phone-bottom-sheet strong{color:var(--green-dark);font-size:1.1rem}.home-stats-section{background:#0e5c6b;border-radius:0;padding:1.25rem 0;position:relative;overflow:hidden}.home-stats-inner{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1400px;margin:0 auto;padding:0 1.5rem;display:grid}@media (width>=1024px){.home-stats-inner{grid-template-columns:repeat(4,1fr)}}.home-stats-section:before{content:"";pointer-events:none;background:radial-gradient(#22d55a1f 0%,#0000 70%);position:absolute;inset:0}.stat-content{text-align:center;padding:.75rem 0}.stat-value-text{color:#22c55e;margin-bottom:.125rem;font-size:2.25rem;font-weight:800;line-height:1}.stat-label-text{color:#fff9;margin:0;font-size:.85rem;font-weight:500}@media (width<=1100px){.map-canvas-column{max-width:580px}.map-3d-wrapper{transform:perspective(800px)rotateX(18deg)rotateY(-3deg)scale(1.01)}}@media (width<=1024px){.floating-car{width:180px}.scene-3d{width:320px;height:220px}.map-sticky-container{gap:1.5rem}.map-text-column{flex:0 0 260px}}@media (width<=768px){.hero-content{flex-direction:column;padding:4rem 5% 5rem}.hero-visual{order:-1}.scene-3d{width:260px;height:180px}.floating-car{width:140px}.hero-btns{flex-direction:column}.primary-btn,.secondary-btn{justify-content:center;width:100%}.hero-slider{background-position:50%;background-size:cover;align-items:center;height:100vh;padding:0 8%;display:flex;position:relative;overflow:hidden}.hero-overlay{background:#0000008c;position:absolute;inset:0}.hero-content{z-index:2;color:#fff;max-width:650px;position:relative}.hero-badge{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e;border-radius:50px;margin-bottom:30px;padding:12px 24px;display:inline-block}.hero-content h1{margin-bottom:25px;font-size:5rem;font-weight:800;line-height:1.05}.hero-content p{color:#ddd;margin-bottom:40px;font-size:1.4rem}.hero-btns{gap:20px;margin-bottom:40px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:50px;padding:18px 35px;font-size:1.1rem}.secondary-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50px;padding:18px 35px}.hero-stats{color:#ddd;gap:30px;display:flex}.slider-arrow{z-index:3;color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;transform:translateY(-50%)}.left{left:20px}.right{right:20px}.slider-dots{gap:10px;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.dot{background:#fff6;border:none;border-radius:50%;width:12px;height:12px}.dot.active{background:#22c55e;border-radius:20px;width:35px}.features-grid{grid-template-columns:1fr}.app-content{flex-direction:column}.phone-3d{height:320px}.map-route-section{height:380vh}.map-sticky-container{flex-direction:column;gap:1.5rem;padding:2rem 5%}.map-text-column{flex:none;order:2;width:100%;height:180px}.map-canvas-column{order:1;width:100%}.map-3d-wrapper{transform:perspective(700px)rotateX(14deg)rotateY(0)scale(1)}.steps-container{flex-direction:column}.step-row-item{flex-direction:column;width:100%;min-width:100%}.step-connector{flex-direction:column;justify-content:center;width:auto;height:32px}.connector-line{width:2px;height:100%;display:block}.connector-dot{display:none}}@media (width<=480px){.app-buttons{flex-direction:column}.app-btn{width:100%}.home-stats-section{grid-template-columns:repeat(2,1fr)}.map-text-column{height:210px}}@media (prefers-reduced-motion:reduce){.floating-car,.car-shadow,.speed-line,.road-line,.lane-dash,.phone-3d,.blob,.connector-dot,.map-car,.map-pulse,.pin-pulse,.pin-pulse-2,.scroll-arrow-anim{animation:none!important}.reveal{opacity:1;transform:none}.map-3d-wrapper{transform:none}}.about-container{background:#fdfaff;padding:6rem 5% 4rem}.about-hero{text-align:center;margin-bottom:4rem}.about-hero h1{color:#1a1f2b;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:800}.highlight{color:#08d612;display:inline-block;position:relative}.about-hero p{color:#64748b;font-size:1.2rem}.mission-section{text-align:center;background:#fff;border-radius:20px;max-width:700px;margin:0 auto 4rem;padding:2rem;box-shadow:0 4px 20px #0000000d}.mission-section h2{color:#1a1f2b;margin-bottom:1rem;font-size:2rem}.mission-section p{color:#64748b;font-size:1.1rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.feature-card{text-align:center;background:#fff;border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 10px #0000000d}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #08d6121a}.feature-icon{margin-bottom:1rem;font-size:3rem}.feature-card h3{color:#1a1f2b;margin-bottom:.5rem;font-size:1.3rem}.feature-card p{color:#64748b;line-height:1.5}.stats-section{text-align:center;background:linear-gradient(135deg,#08d612 0%,#06b20f 100%);border-radius:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:4rem;padding:3rem;display:grid}.stat-number{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.stat-label{color:#ffffffe6;font-size:1rem}@media (width<=768px){.about-container{padding:2rem 5%}.about-hero h1{font-size:2rem}.ride-types-section h2{font-size:1.8rem}.stats-section{padding:2rem}.stat-number{font-size:1.8rem}}.contact-form{flex-direction:column;gap:1rem;width:100%;padding:0 1rem;display:flex}.form-group input,.form-group textarea{color:#fff;box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:#08d612;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.submit-btn{color:#fff;cursor:pointer;background:#08d612;border:none;border-radius:8px;margin-top:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.submit-btn:hover{background:#06b20f;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;background:#64748b;transform:none}.form-message{border-radius:8px;margin-top:.5rem;padding:.8rem;font-size:.9rem}.form-message.success{color:#08d612;background:#08d61233;border:1px solid #08d612}.form-message.error{color:#f88;background:#f003;border:1px solid #f44}@media (width<=768px){.form-group input,.form-group textarea{padding:.7rem .9rem;font-size:.9rem}.submit-btn{padding:.7rem 1.2rem;font-size:.9rem}}.benefits-section-main{background:#fff;padding:4rem 1.5rem 8.5rem}.benefits-container-inner{max-width:1400px;margin:0 auto;padding:0 1.5rem}.section-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:3.5rem;display:flex}.section-badge{color:#16a34a;text-transform:uppercase;letter-spacing:.05em;background:#22c55e1a;border:1px solid #08d61240;border-radius:9999px;margin-bottom:1.25rem;padding:.25rem 1rem;font-size:.825rem;font-weight:600;display:inline-block}@media (width>=1024px){.section-title{font-size:4.25rem}}.text-active{color:#0e5c6b}.benefits-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-top:4rem;display:grid}@media (width>=768px) and (width<=1199px){.benefits-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (width>=1200px){.benefits-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.benefit-card-premium{border:1px solid #0000000d;border-radius:2.5rem;flex-direction:column;min-height:500px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;display:flex;overflow:hidden}.benefit-card-premium.img-top{flex-direction:column-reverse}@media (width>=1200px){.benefit-card-premium:nth-child(2n){transform:translateY(30px)}.benefit-card-premium:nth-child(2n):hover{transform:translateY(20px)scale(1.02)}}.benefit-card-premium:hover{z-index:2;transform:translateY(-10px);box-shadow:0 30px 60px #0000001f}.benefit-card-content{flex-direction:column;flex:1;padding:2.25rem 1.75rem;display:flex}.benefit-card-title{color:#0f172a;margin-bottom:.75rem;font-size:1.55rem;font-weight:800;line-height:1.2}.benefit-card-desc{color:#475569;margin:0;font-size:1.05rem;line-height:1.55}.benefit-card-image{width:100%;height:260px;overflow:hidden}.benefit-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.benefit-card-premium:hover .benefit-card-image img{transform:scale(1.1)}.benefit-card-premium.img-top .benefit-card-content{justify-content:flex-end}.benefit-card-premium.img-bottom .benefit-card-image{-webkit-mask-image:linear-gradient(#0000,#000 20%);mask-image:linear-gradient(#0000,#000 20%)}.benefit-card-premium.img-top .benefit-card-image{-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.ride-types-container{background:#fff;max-width:1400px;margin:0 auto;padding:6rem 1.5rem 4.5rem}.section-header{text-align:center;margin-bottom:3.5rem}.section-badge{color:#0e5c6b;background:#0e5c6b1a;border:1px solid #0e5c6b33;border-radius:9999px;margin-bottom:1rem;padding:.25rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.section-title{color:#0d2d35;margin-bottom:.75rem;font-size:2.25rem;font-weight:800;line-height:1.2}@media (width>=1024px){.section-title{font-size:3.75rem}}.text-highlight{color:#22c55e}.section-desc{color:#6b7280;max-width:40rem;margin:0 auto;font-size:1.25rem;line-height:1.625}.ride-slider-wrapper{-ms-overflow-style:none;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;padding:2rem 0;position:relative;overflow-x:auto}.ride-slider-wrapper::-webkit-scrollbar{display:none}.ride-slider-wrapper:active{cursor:grabbing}.ride-track{gap:1.5rem;width:max-content;padding:0 5vw;display:flex}.ride-card{border:2px solid;border-radius:1.25rem;flex-direction:column;width:clamp(240px,65vw,380px);min-width:240px;padding:clamp(1rem,4vw,2.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.ride-card:hover{transform:translateY(-.25rem);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000d}.ride-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.ride-info{flex-direction:column;gap:.375rem;display:flex}.ride-name{color:#0d2d35;margin:0;font-size:clamp(1.4rem,4vw,1.85rem);font-weight:800}.ride-tag{border-radius:9999px;width:fit-content;padding:.125rem .6rem;font-size:.75rem;font-weight:600}.ride-price{color:#0e5c6b;font-size:1.15rem;font-weight:700}.ride-features{flex:1;margin:0 0 1.25rem;padding:0;list-style:none}.feature-item{color:#4b5563;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:1.05rem;line-height:1.4;display:flex}.feature-dot{color:#22c55e;font-weight:700}.ride-examples{color:#9ca3af;margin-bottom:1.25rem;font-size:.75rem}.ride-visual{justify-content:center;align-items:center;min-height:clamp(100px,15vw,140px);margin-top:auto;padding-top:1rem;display:flex}.ride-emoji{font-size:5rem;line-height:1}.ride-image-custom{object-fit:contain;filter:drop-shadow(0 10px 15px #0000001f);width:auto;max-width:100%;height:auto;max-height:clamp(80px,12vw,120px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.ride-card:hover .ride-image-custom{transform:scale(1.15)translateY(-5px)}.download-section-main{background:linear-gradient(135deg,#071e24 0%,#0e3d4a 100%);padding:4rem 1.5rem;position:relative;overflow:hidden}.download-container-inner{grid-template-columns:1fr;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;display:grid}@media (width>=1024px){.download-container-inner{grid-template-columns:1fr 1fr}}.download-text-side{z-index:2;position:relative}.download-badge{color:#22c55e;background:#22c55e33;border:1px solid #22c55e4d;border-radius:9999px;margin-bottom:1rem;padding:.15rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.download-title{color:#fff;margin-bottom:1rem;font-size:2.75rem;font-weight:800;line-height:1.2}@media (width>=1024px){.download-title{font-size:3.25rem}}.download-title .text-highlight{color:#22c55e}.download-subtitle{color:#fff9;margin-bottom:1.75rem;font-size:1.15rem;line-height:1.625}.download-steps-list{flex-direction:column;gap:1.5rem;display:flex}.download-step-item{gap:1.25rem;display:flex}.step-number-box{color:#fff;background:#22c55e;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:700;display:flex}.step-content{flex-direction:column;display:flex}.step-title{color:#fff;margin-bottom:.125rem;font-size:1.1rem;font-weight:600}.step-desc{color:#ffffff80;margin:0;font-size:1rem}.download-store-btns{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.store-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;padding:.75rem 1.5rem;transition:all .3s}.store-btn:hover{background:#fff3;transform:translateY(-2px)}.store-sub{color:#ffffff80;margin:0;font-size:.75rem}.store-main{margin:0;font-size:.875rem;font-weight:700}.download-section-main .app-btn{cursor:pointer;text-align:left;appearance:none;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;flex:0 auto;justify-content:center;align-items:center;gap:.75rem;min-width:160px;padding:.65rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;color:#fff!important}.app-btn:hover{background:#ffffff38;border-color:#22c55e;transform:translateY(-2px);box-shadow:0 10px 20px #22c55e26}.app-btn-icon{flex-shrink:0;font-size:1.6rem;color:#fff!important}.store-img{object-fit:contain;flex-shrink:0;width:28px;height:28px}.store-text{text-align:left;flex-direction:column;line-height:1.1;display:flex}.store-subtitle,.app-btn small{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;font-size:.73rem;font-weight:400;color:#ffffffb3!important}.download-visual-side{z-index:2;justify-content:center;display:flex;position:relative}.passenger-app-mockup-container{justify-content:center;align-items:center;padding:2rem;display:flex}.passenger-app-mockup-img{object-fit:contain;filter:drop-shadow(0 25px 50px #0006);width:100%;max-width:min(320px,80vw);height:auto;transition:transform .3s}.passenger-app-mockup-container:hover .passenger-app-mockup-img{transform:scale(1.02)}@media (width<=1024px){.passenger-app-mockup-img{max-width:320px}}.cross-app-cta.enhanced{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff1a;border-radius:1.5rem;justify-content:space-between;align-items:center;gap:2rem;width:100%;min-height:fit-content;margin-top:3.5rem;padding:2rem;display:flex;position:relative;overflow:visible}.cross-app-cta.enhanced:before{display:none}.cta-content{text-align:left;flex-direction:column;gap:.25rem;display:flex}.cta-heading{margin:0;font-size:1.2rem;font-weight:800;color:#fff!important}.cta-text{text-align:left;font-size:.95rem;line-height:1.4;color:#ffffffb3!important;margin:0!important}.cta-link-btn.primary{white-space:nowrap;background:#22c55e;border-radius:1rem;padding:.75rem 1.75rem;font-size:1rem;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 10px 20px #22c55e33;color:#fff!important}.cta-link-btn.primary:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 15px 30px #22c55e4d}@media (width<=640px){.cross-app-cta.enhanced{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex}.cta-content{text-align:center;width:100%}.cta-text{text-align:center;width:100%;margin-bottom:1.5rem!important}.cta-link-btn.primary{text-align:center;box-sizing:border-box;width:auto;min-width:200px;max-width:100%}}.store-subtitletext{font-size:.73rem;font-weight:400;color:#ffffffb3!important}.app-btn small{font-size:.73rem;font-weight:4000;color:#ffffffb3!important}.for-drivers-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.driver-hero-banner{color:#fff;background:#071e24;height:75vh;min-height:560px;position:relative;overflow:hidden}.hero-slide-fader{z-index:1;transition:opacity 1.4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.hero-slide-img{object-fit:cover;will-change:transform;width:100%;height:100%;animation:6s ease-in-out forwards heroKenBurns;transform:scale(1.04)}@keyframes heroKenBurns{0%{transform:scale(1.04)}to{transform:scale(1)}}.hero-overlay{z-index:2;background:linear-gradient(90deg,#071e24e0 0%,#071e248c 55%,#071e2426 100%);position:absolute;inset:0}.driver-hero-banner:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000 60%,#071e2480 100%);position:absolute;inset:0}.for-drivers-page .hero-content{z-index:10;flex-direction:column;justify-content:center;max-width:1280px;height:100%;margin:0 auto;padding:0 5%;display:flex;position:relative}.for-drivers-page .hero-badge{color:#22c55e;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e1a;border:1px solid #22c55e38;border-radius:9999px;align-items:center;gap:.6rem;width:fit-content;margin-bottom:1.75rem;padding:.4rem 1rem;font-size:.75rem;font-weight:800;animation:.7s ease-out both fadeSlideUp;display:inline-flex}.badge-pulse-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulseGreen;box-shadow:0 0 10px #22c55e80}@keyframes pulseGreen{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}.for-drivers-page .hero-title{letter-spacing:-.025em;margin:0 0 1.25rem;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:800;line-height:1.06}.hero-title-line{animation:.65s ease-out both fadeSlideUp;display:block}.for-drivers-page .hero-desc{color:#ffffffb8;max-width:540px;margin:0 0 2.25rem;font-size:1.15rem;line-height:1.65;animation:.65s ease-out .28s both fadeSlideUp}.for-drivers-page .hero-actions{flex-wrap:wrap;gap:1rem;animation:.65s ease-out .42s both fadeSlideUp;display:flex}.for-drivers-page .hero-btn{cursor:pointer;border:none;border-radius:12px;padding:.9rem 1.85rem;font-size:1rem;font-weight:700;line-height:1;transition:transform .22s,box-shadow .22s,background .22s}.for-drivers-page .hero-btn.primary{color:#fff;background:#22c55e;box-shadow:0 6px 18px #22c55e47}.for-drivers-page .hero-btn.primary:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 10px 24px #22c55e61}.for-drivers-page .hero-btn.primary:active{transform:translateY(0)}.for-drivers-page .hero-btn.secondary{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff38}.for-drivers-page .hero-btn.secondary:hover{background:#ffffff29;border-color:#ffffff61;transform:translateY(-2px)}.for-drivers-page .hero-btn.secondary:active{transform:translateY(0)}.hero-indicators{z-index:20;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:2rem;left:5%}.indicator-dot{cursor:pointer;background:#ffffff47;border:1px solid #ffffff1f;border-radius:50%;outline:none;width:10px;height:10px;padding:0;transition:all .35s cubic-bezier(.4,0,.2,1)}.indicator-dot.active{background:#22c55e;border-color:#0000;border-radius:5px;width:28px;box-shadow:0 0 12px #22c55e73}.indicator-dot:hover:not(.active){background:#ffffff8c}.indicator-dot:focus-visible{outline-offset:3px;outline:2px solid #22c55e}.hero-progress-bar{z-index:20;transform-origin:0;background:#22c55e;height:3px;animation:6s linear forwards heroProgress;position:absolute;bottom:0;left:0;box-shadow:0 0 8px #22c55e80}@keyframes heroProgress{0%{width:0%}to{width:100%}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.drivers-section-main{background:#f8fafc;padding:5.5rem 1.5rem 4rem}.drivers-container-inner{max-width:1320px;margin:0 auto}.drivers-header{text-align:center;margin-bottom:3.5rem}.drivers-badge{color:#0e5c6b;letter-spacing:.06em;background:#0e5c6b14;border:1px solid #0e5c6b2e;border-radius:9999px;margin-bottom:1rem;padding:.3rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.drivers-title{color:#0d2d35;margin:0 0 1rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.15}.drivers-title .text-highlight{color:#22c55e}.drivers-subtitle{color:#6b7280;max-width:40rem;margin:0 auto;font-size:1.15rem;line-height:1.7}.opportunity-stats-grid{grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-bottom:4rem;display:grid}@media (width>=1024px){.opportunity-stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{text-align:center;background:#fff;border:1px solid #e8edf2;border-radius:1.1rem;padding:1.6rem 1.25rem;transition:transform .25s,box-shadow .25s,border-color .25s}.stat-card:hover{border-color:#d1dde6;transform:translateY(-4px);box-shadow:0 8px 24px #00000012}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0 0 .2rem;font-size:clamp(1.9rem,3vw,2.85rem);font-weight:800;line-height:1}.stat-label{color:#0d2d35;margin:0 0 .2rem;font-size:1rem;font-weight:600}.stat-sub{color:#9ca3af;margin:0;font-size:.75rem}.driver-benefits-section{margin-bottom:4rem}.benefits-section-title{color:#0d2d35;text-align:center;margin:0 0 2rem;font-size:1.45rem;font-weight:700}.text-secondary-highlight{color:#0e5c6b}.driver-benefits-grid{grid-template-columns:1fr;gap:1.1rem;display:grid}@media (width>=640px){.driver-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.driver-benefits-grid{grid-template-columns:repeat(3,1fr)}}.driver-benefit-card{opacity:0;background:#fff;border:1px solid #e8edf2;border-radius:1.1rem;align-items:flex-start;gap:1.1rem;padding:1.4rem;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s,border-color .28s,opacity .5s;display:flex;transform:translateY(18px)}.driver-benefit-card.card-visible{opacity:1;transform:translateY(0)}.driver-benefit-card:hover{border-color:#d1dde6;box-shadow:0 8px 24px #00000012;transform:translateY(-4px)!important}.driver-icon-box{border-radius:.7rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .2s;display:flex}.driver-benefit-card:hover .driver-icon-box{transform:scale(1.08)}.driver-benefit-content{flex-direction:column;display:flex}.driver-benefit-title{color:#0d2d35;margin:0 0 .35rem;font-size:1rem;font-weight:700;line-height:1.3}.driver-benefit-desc{color:#6b7280;margin:0;font-size:.9rem;line-height:1.65}.driver-cta-banner{background:linear-gradient(135deg,#071e24 0%,#0d3a46 60%,#0e4a5a 100%);border-radius:1.6rem;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.driver-cta-banner:before{content:"";pointer-events:none;border:1px solid #22c55e1a;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.driver-cta-banner:after{content:"";pointer-events:none;border:1px solid #22c55e14;border-radius:50%;width:140px;height:140px;position:absolute;top:-30px;right:-30px}@media (width>=1024px){.driver-cta-banner{flex-direction:row;padding:3.25rem 3.5rem}}.cta-banner-text{text-align:center;z-index:1;position:relative}@media (width>=1024px){.cta-banner-text{text-align:left}}.cta-tag{color:#22c55e;letter-spacing:.08em;margin:0 0 .4rem;font-size:.78rem;font-weight:700}.cta-title{color:#fff;margin:0 0 .4rem;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;line-height:1.2}.cta-desc{color:#ffffff8c;margin:0;font-size:.95rem}.cta-banner-actions{z-index:1;flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:.85rem;display:flex;position:relative}.cta-btn{cursor:pointer;border:none;border-radius:9999px;padding:.85rem 1.85rem;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s;display:inline-block}.cta-btn.primary{color:#fff;background:#22c55e}.cta-btn.primary:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 20px #22c55e52}.cta-btn.secondary{color:#fff;background:#ffffff17;border:1px solid #fff3}.cta-btn.secondary:hover{background:#ffffff29;border-color:#ffffff59;transform:translateY(-2px)}@media (width<=768px){.driver-benefit-card{text-align:center;flex-direction:column;align-items:center}}@media (prefers-reduced-motion:reduce){.hero-slide-img,.hero-progress-bar,.badge-pulse-dot,.hero-title-line,.for-drivers-page .hero-desc,.for-drivers-page .hero-actions,.for-drivers-page .hero-badge{animation:none!important}.driver-benefit-card{opacity:1;transform:none}.driver-benefit-card:hover,.for-drivers-page .hero-btn:hover,.stat-card:hover,.cta-btn:hover{transform:none!important}}.driver-download-theme{background:linear-gradient(#f8fafc 0%,#e2e8f0 100%);padding:2.5rem 0}.driver-download-theme .download-title{color:#0f172a}.driver-download-theme .download-subtitle{color:#475569}.driver-download-theme .download-step-item{align-items:flex-start}.driver-download-theme .step-title{color:#0f172a}.driver-download-theme .step-desc{color:#64748b}.driver-download-theme .store-btn{color:#0f172a;background:#0f172a0f;border-color:#0f172a1f}.driver-download-theme .store-btn:hover{background:#0f172a1a}.driver-download-theme .store-sub{color:#64748b}.driver-download-theme .store-main{color:#0f172a}.driver-download-theme .download-badge{color:#06b20f;background:#08d6121a;border-color:#08d6122e}.driver-download-theme .text-highlight{color:#08d612}.driver-app-mockup-img{object-fit:contain;filter:drop-shadow(0 15px 35px #00000026);width:100%;max-width:280px;height:auto;transition:transform .3s}.driver-download-theme .download-container-inner{gap:2rem}.driver-app-mockup .phone-screen-content{background:#f1f5f9;flex-direction:column;display:flex}.driver-mockup-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.2rem;display:flex}.online-status{color:#1e293b;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.status-dot.green{background:#08d612;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 0 3px #08d61233}.today-earning{text-align:right}.earning-label{color:#64748b;margin-bottom:.1rem;font-size:.65rem}.earning-value{color:#0f6e6e;font-size:1.1rem;font-weight:800}.demand-zone-pulse{position:absolute;top:45%;left:55%;transform:translate(-50%,-50%)}.zone-glow{background:#08d61226;border-radius:50%;width:60px;height:60px;animation:3s ease-out infinite zone-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes zone-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}50%{opacity:.5}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.zone-icon{color:#08d612;z-index:2;filter:drop-shadow(0 2px 4px #0003);font-size:1.4rem;position:relative}.request-card{color:#1e293b!important;background:#fff!important;border-left:4px solid #08d612!important;box-shadow:0 8px 20px #0000001f!important}.driver-trip-card{background:#fff!important;border:1px solid #e2e8f0!important;margin-top:auto!important}.trip-type-badge{color:#0369a1;background:#e0f2fe;border-radius:4px;margin-bottom:.6rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.check-icon{color:#0ea5e9;font-size:.9rem}.accept-btn{background:#08d612!important;box-shadow:0 4px 12px #08d6124d!important}.accept-btn:hover{transform:scale(1.02);background:#06b20f!important}.sidebar{background-color:var(--sidebar-bg);color:#fff;z-index:1000;flex-direction:column;width:260px;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-nav a span:not(.material-icons),.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:24px 0}.sidebar.collapsed .sidebar-nav a{justify-content:center;padding:12px}.sidebar-logo{box-sizing:border-box;z-index:5;background:inherit;justify-content:center;align-items:center;width:100%;height:70px;padding:10px 20px;transition:all .3s;display:flex;position:sticky;top:0;overflow:hidden}.brand-logo{object-fit:contain;width:180px;max-width:100%;height:auto;max-height:56px;margin:0 auto;display:block}.sidebar.collapsed .sidebar-logo{padding:10px}.sidebar.collapsed .brand-logo{width:40px;margin:0 auto}.sidebar-nav{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:8px;padding:12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:10px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff0f;background-clip:padding-box;border:2px solid #0000;border-radius:8px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#ffffff1a}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff0f transparent}.sidebar-nav a{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav a:hover{color:#fff;background-color:#ffffff0d}.sidebar-nav a.active{background-color:var(--sidebar-active);color:var(--sidebar-active-text)}.sidebar-footer{z-index:5;background:inherit;border-top:1px solid #ffffff1a;align-items:center;gap:12px;padding:20px 10px;display:flex;position:sticky;bottom:0}.sidebar-user-info strong{color:#fff;font-size:14px;display:block}.sidebar-user-info p{color:var(--sidebar-text);font-size:12px}@media (width<=1024px){.sidebar{width:80px}.sidebar-nav span,.sidebar-footer div{display:none}.sidebar-logo{padding:12px 10px}.brand-logo{width:40px}}.top-bar{border-bottom:1px solid var(--border);z-index:100;background-color:#fff;justify-content:space-between;align-items:center;height:50px;padding:0 32px;display:flex;position:sticky;top:0}.top-bar-left{align-items:center;gap:16px;min-width:0;display:flex}.search-bar{background-color:#f1f3f5;border-radius:8px;align-items:center;width:400px;padding:0 16px;display:flex}.search-bar input{background:0 0;border:none;width:100%;padding:10px;font-size:14px}.search-bar input:focus{box-shadow:none;outline:none}.top-bar-right{align-items:center;gap:20px;display:flex}.top-bar-link{color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.top-bar-link:hover,.top-bar-link.active{color:var(--accent);background-color:#08d61214}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:all .2s;display:flex}.icon-btn:hover{color:var(--accent)}.toggle-btn{border-radius:8px;padding:8px;background-color:var(--bg)!important}.page-title-text{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin:0;font-size:18px;font-weight:700}.maintenance-banner{color:#8a4b00;background:linear-gradient(135deg,#ffbc002e,#ff5e001f);border:1px solid #ff9e0059;border-radius:999px;align-items:center;gap:10px;min-width:0;max-width:min(100%,420px);padding:8px 14px;animation:.45s ease-out maintenanceBannerIn,2.4s ease-in-out infinite maintenanceBannerPulse;display:inline-flex;box-shadow:0 8px 24px #ff9e001f}.maintenance-banner__pulse{background:#ff8a00;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.8s ease-out infinite maintenanceDot;box-shadow:0 0 #ff8a0080}.maintenance-banner__icon{flex-shrink:0;font-size:18px;animation:2s ease-in-out infinite maintenanceIconBob}.maintenance-banner__text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.maintenance-banner__text strong,.maintenance-banner__text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maintenance-banner__text strong{letter-spacing:.3px;font-size:12px;font-weight:800}.maintenance-banner__text span{opacity:.85;font-size:11px}.user-profile-top{text-align:right;align-items:center;gap:12px;display:flex}.user-profile-top div span{font-size:14px;font-weight:600;display:block}.user-profile-top div p{color:var(--text-muted);font-size:12px}.notification-shell,.notification-btn,.notification-center{position:relative}.notification-badge{color:#fff;background-color:#f44336;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.notification-dropdown{border:1px solid var(--border);z-index:1000;background-color:#fff;border-radius:8px;flex-direction:column;width:380px;max-height:500px;margin-top:8px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.notification-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.notification-header h3{color:var(--text-dark);margin:0;font-size:16px;font-weight:600}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.link-btn:hover{color:var(--accent-dark);text-decoration:underline}.notification-list{flex:1;max-height:380px;overflow-y:auto}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state .material-icons{opacity:.5;margin-bottom:12px;font-size:48px}.empty-state p{margin:0;font-size:14px}.notification-item{cursor:pointer;border-bottom:1px solid #f5f5f5;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex;position:relative}.notification-item:hover{background-color:#f9f9f9}.notification-item.unread{background-color:#f0f7ff}.notification-icon{width:36px;height:36px;color:var(--accent);background-color:#e8f4f8;border-radius:6px;flex-shrink:0;justify-content:center;align-items:flex-start;margin-top:2px;display:flex}.notification-icon .material-icons{font-size:20px}.notification-content{flex:1;min-width:0}.notification-content h4{color:var(--text-dark);word-break:break-word;margin:0 0 4px;font-size:14px;font-weight:600}.notification-content p{color:var(--text-muted);word-break:break-word;margin:0 0 6px;font-size:13px;line-height:1.4}.notification-time{color:#999;font-size:11px}.unread-indicator{background-color:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.notification-footer{border-top:1px solid var(--border);text-align:center;padding:12px 16px}@keyframes maintenanceBannerIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes maintenanceBannerPulse{0%,to{box-shadow:0 8px 24px #ff9e001f}50%{box-shadow:0 10px 28px #ff9e0033}}@keyframes maintenanceDot{0%{transform:scale(1);box-shadow:0 0 #ff8a0073}70%{transform:scale(1.12);box-shadow:0 0 0 10px #ff8a0000}to{transform:scale(1);box-shadow:0 0 #ff8a0000}}@keyframes maintenanceIconBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (width<=1200px){.maintenance-banner{max-width:300px}}@media (width<=900px){.top-bar{flex-wrap:wrap;align-items:flex-start;gap:12px;height:auto;min-height:50px;padding:10px 16px}.top-bar-left{flex-wrap:wrap;flex:100%}.top-bar-right{margin-left:auto}.maintenance-banner{max-width:100%}}.app-shell{background-color:var(--bg);min-height:100vh;display:flex}.main-container{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell .main-container{margin-left:260px;transition:margin-left .3s}.app-shell.collapsed .main-container{margin-left:80px}.content{flex:1;padding:32px}.page-header{margin-bottom:32px}.page-header h1{margin-bottom:4px;font-size:28px}.page-header p{color:var(--text-muted)}.material-icons{font-size:18px}.stats-summary{gap:16px;margin-bottom:32px;display:flex}.stat-pill{border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.stat-pill strong{color:var(--text-dark)}.dashboard-stat-card{box-shadow:var(--shadow-md);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex}.dashboard-stat-card span{color:var(--text-muted);font-size:14px;font-weight:500}.dashboard-stat-card strong{font-size:32px;font-weight:700}.dashboard-stat-card .trend{align-items:center;gap:4px;font-size:12px;display:flex}.trend.up{color:var(--status-active-text)}.trend.down{color:var(--status-suspended-text)}.data-table-container{box-shadow:var(--shadow-md);background:#fff;border-radius:12px;overflow:hidden}.table-header{border-bottom:1px solid var(--border);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;background-color:#000;grid-template-columns:2fr 1.5fr 1fr 1fr .8fr .8fr 120px;padding:16px 24px;font-size:12px;font-weight:700;display:grid}.table-header>span:last-child,.table-row>:last-child{text-align:right;justify-self:end}.table-header>span,.table-row>*{box-sizing:border-box;min-width:0}.table-header>span:not(:last-child),.table-row>:not(:last-child){border-right:1px solid var(--border);min-width:0;margin-right:16px;padding-right:16px}.table-body{flex-direction:column;display:flex}.table-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1.5fr 1fr 1fr .8fr .8fr 120px;align-items:center;padding:9px 24px;transition:background-color .2s;display:grid}.cell-actions{justify-content:flex-end;width:100%;display:flex}.table-row>*{min-width:0}.table-row:hover{background-color:#fafbfc}.table-row:last-child{border-bottom:none}.table-pagination{border-top:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.pagination-info{color:var(--text-muted);font-size:12px}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-btn{border:1px solid var(--border);color:var(--text-dark);cursor:pointer;background:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s}.pagination-btn.page{min-width:32px}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.cell-driver{align-items:center;gap:12px;min-width:0;display:flex}.driver-info h4{margin:0;font-size:14px;font-weight:600}.driver-info p{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px}.cell-contact p{overflow-wrap:anywhere;margin:0;font-size:13px}.cell-contact .phone{color:var(--text-muted)}.cell-license{overflow-wrap:anywhere;font-size:14px;font-weight:500}.cell-rating{overflow-wrap:anywhere;align-items:center;gap:6px;font-weight:600;display:flex}.star{color:#fab005}.cell-trips{overflow-wrap:anywhere;font-weight:500}.cell-status{overflow-wrap:anywhere}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:24px;margin-bottom:32px;display:grid}.search-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;align-items:center;width:100%;max-width:400px;height:48px;padding:0 16px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 4px #00000005}.search-container:focus-within{border-color:#08d612;transform:translateY(-1px);box-shadow:0 4px 12px #08d6121a}.search-icon{color:#adb5bd;margin-right:12px;font-size:20px}.search-input{color:#1a1f2b;background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:500}.search-input::placeholder{color:#adb5bd;font-weight:400}.clear-search{cursor:pointer;color:#adb5bd;background:#f8f9fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;transition:all .2s;display:flex}.clear-search:hover{color:#495057;background:#e9ecef}.clear-search .material-icons{font-size:14px}.login-page{background-color:#fff;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.login-left{z-index:1;background-color:#0c0c0c;background-image:url(/fleet_illustration_modern_1778233174068.png);background-position:50%;background-size:cover;flex-direction:column;flex:1.5;justify-content:space-between;padding:60px;display:flex;position:relative}.login-left:after{content:"";z-index:2;background-color:#fff;border-radius:50% 0 0 50%;width:200px;position:absolute;top:0;bottom:0;right:-100px}.login-brand-overlay{z-index:3;align-items:center;gap:12px;display:flex;position:relative}.login-brand-overlay .brand-icon{color:#03d803;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-brand-overlay h1{color:#08f114;margin:0;font-size:24px;font-weight:800}.login-right{z-index:10;background-color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative}.login-card{text-align:center;width:100%;max-width:400px}.login-form-logo{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.login-form-logo img{object-fit:contain;width:100%;height:100%}.login-form-logo .material-icons{color:#03d803;font-size:64px}.login-card h3{color:#000;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:32px;font-weight:800}.login-card .subtitle{color:#868e96;margin-bottom:48px;font-size:14px}.form-group{margin-bottom:20px}.input-wrapper{background-color:#000;border-radius:100px;align-items:center;gap:12px;min-height:56px;padding:0 22px;display:flex;position:relative}.input-wrapper .material-icons{color:#3bfd00;pointer-events:none;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;line-height:1;display:flex}.input-wrapper input{all:unset;color:#fff;cursor:text;flex:1;width:100%;min-width:0;padding:0;font-size:14px;font-weight:600;line-height:1.2;transition:color .2s;box-shadow:none!important;border-radius:inherit!important;background:0 0!important;border:none!important;outline:none!important}.input-wrapper input::placeholder{color:#fffc;text-transform:uppercase;letter-spacing:1px}.input-wrapper input:focus,.input-wrapper input:focus-visible,.input-wrapper:focus-within{box-shadow:none;outline:none}.input-wrapper input:-webkit-autofill{-webkit-text-fill-color:#0bf317;caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.input-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:#0bf317;caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.input-wrapper input:-webkit-autofill:focus{-webkit-text-fill-color:#0bf317;caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.input-wrapper input:-webkit-autofill:active{-webkit-text-fill-color:#0bf317;caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.input-wrapper input::-moz-focus-inner{border:0!important}.input-wrapper input,.input-wrapper input:focus,.input-wrapper input:focus-visible{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.input-wrapper input:-webkit-autofill{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.input-wrapper .toggle-password{color:#fff;cursor:pointer;pointer-events:auto;flex:none;position:static}.form-options{color:#495057;justify-content:space-between;align-items:center;margin-bottom:40px;padding:0 24px;font-size:12px;font-weight:600;display:flex}.remember-me{cursor:pointer;align-items:center;gap:8px;display:flex}.forgot-password{color:#495057;text-decoration:none}.btn-signin{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background-color:#000;border:none;border-radius:100px;width:100%;padding:16px;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #08d61233}.btn-signin:hover:not(:disabled){background-color:#03d803;transform:translateY(-2px);box-shadow:0 6px 16px #08d6124d}.btn-signin:disabled{opacity:.7;cursor:not-allowed}@media (width<=992px){.login-left{display:none}.login-right{flex:1}.login-left:after{display:none}}.detail-view{grid-template-columns:1fr 360px;gap:32px;display:grid}.detail-card{box-shadow:var(--shadow-md);background:#fff;border-radius:16px;padding:32px}.detail-section{margin-bottom:40px}.detail-section h3{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-size:18px}.info-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.info-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;display:block}.info-item span{font-size:15px;font-weight:600}.document-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.document-card{border:1px solid var(--border);text-align:center;background:#f8f9fa;border-radius:12px;padding:16px}.document-card img{object-fit:cover;border-radius:8px;width:100%;height:120px;margin-bottom:12px}.document-card p{font-size:13px;font-weight:600}.settings-container{max-width:1000px;margin:0 auto;padding:0;animation:.5s ease-out fadeIn}.settings-card{background:var(--panel-bg);box-shadow:var(--shadow-md);border:1px solid var(--border);border-radius:12px;overflow:hidden}.profile-summary{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f0fdf4 0%,#f1f3f5 100%);align-items:center;padding:2rem;display:flex}.profile-avatar{background:var(--accent);width:80px;height:80px;color:var(--sidebar-active-text);border-radius:50%;justify-content:center;align-items:center;margin-right:1.5rem;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 10px #08d61233}.profile-info h3{color:var(--text-dark);margin:0;font-size:1.25rem}.role-badge{background:var(--status-active-bg);color:var(--status-active-text);text-transform:uppercase;border-radius:9999px;margin:.5rem 0;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.profile-email{color:var(--text-muted);margin:0;font-size:.875rem}.settings-section{padding:2rem}.section-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-header i,.section-header .material-icons{color:var(--accent);font-size:1.25rem}.section-header h2{color:var(--text-dark);margin:0;font-size:1.25rem}.settings-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-dark);font-size:.875rem;font-weight:600}.form-group input{border:1px solid var(--border-dark);background-color:#fff;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #08d6121a}.form-actions{justify-content:flex-end;margin-top:1rem;display:flex}.save-btn{background:var(--accent);color:var(--sidebar-active-text);cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-weight:600;transition:all .2s}.save-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.save-btn:disabled{background:var(--text-muted);opacity:.7;cursor:not-allowed;transform:none}@media (width<=640px){.form-row{grid-template-columns:1fr}.settings-container{padding:1rem}}.app-settings-form{flex-direction:column;gap:1.5rem;display:flex}.settings-item{background:var(--bg-light);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:1.25rem;transition:all .2s;display:flex}.settings-item:hover{border-color:var(--accent);box-shadow:0 2px 8px #08d6121a}.setting-info h3{color:var(--text-dark);margin:0 0 .25rem;font-size:1rem;font-weight:600}.setting-info p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.4}.setting-control{flex-shrink:0;align-items:center;gap:1rem;display:flex}.toggle-status{text-align:right;min-width:70px;color:var(--text-muted);font-size:.75rem;font-weight:700}.settings-item:hover .toggle-status{color:var(--text-dark)}.toggle-switch{cursor:pointer;width:50px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}@media (width<=768px){.settings-item{flex-direction:column;align-items:flex-start}.setting-control{justify-content:space-between;width:100%;margin-top:1rem}.toggle-status{text-align:left;min-width:auto}}.primary-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#000;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000001a}.primary-btn:hover:not(:disabled){background-color:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.primary-btn--primary{background-color:#000}.primary-btn--primary:hover:not(:disabled){background-color:#1a1a1a}.primary-btn--secondary{color:#1e293b;background-color:#f1f3f5;box-shadow:0 2px 8px #0000000d}.primary-btn--secondary:hover:not(:disabled){background-color:#e9ecef;box-shadow:0 4px 12px #0000001a}.btn-icon{align-items:center;font-size:18px;display:flex}.btn-text{display:inline}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--panel-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;flex-direction:column;max-height:85vh;animation:.3s slideUp;display:flex;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-container--small{width:90%;max-width:450px}.modal-container--medium{width:90%;max-width:650px}.modal-container--large{width:90%;max-width:800px}.modal-header{border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 16px;display:flex}.modal-title{color:var(--text-dark,#1e293b);letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:700}.modal-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:14px}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-muted,#64748b);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{background:var(--border,#e2e8f0);color:var(--text-dark,#1e293b)}.modal-close .material-icons{font-size:20px}.modal-body{flex-direction:column;flex:1;padding:24px;display:flex}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:0 0}.modal-container::-webkit-scrollbar-thumb{background:var(--border,#e2e8f0);border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:var(--border-dark,#cbd5e1)}.form-input-group{flex-direction:column;gap:6px;display:flex}.form-input-label{color:var(--text-dark,#1e293b);align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.form-input-required{color:#ef4444}.form-input{border:1px solid var(--border,#e2e8f0);color:var(--text-dark,#1e293b);background:var(--panel-bg,#fff);border-radius:6px;padding:10px 12px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;transition:all .2s}.form-input::placeholder{color:var(--text-muted,#64748b)}.form-input:focus{border-color:var(--accent,#10b981);outline:none;box-shadow:0 0 0 3px #10b9811a}.form-input:disabled{background:var(--border,#e2e8f0);cursor:not-allowed;opacity:.6}.form-input--error{border-color:#ef4444}.form-input--error:focus{box-shadow:0 0 0 3px #ef44441a}.form-input-error{color:#ef4444;font-size:13px;font-weight:500}.form-actions{border-top:1px solid var(--border,#e2e8f0);justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;display:flex}.form-actions .primary-btn{flex:0 auto;min-width:100px}.loading-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){.form-actions{flex-direction:column-reverse}.form-actions .primary-btn{width:100%}}.fare-configs-page{display:block}.fare-configs-toolbar{flex-shrink:0;align-items:center;gap:12px;width:auto;display:flex}.fare-config-card{box-shadow:var(--shadow-md);border:1px solid var(--border);background:#fff;border-radius:12px;padding:20px}.fare-config-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.fare-config-btn-alt{color:var(--text-dark);background:#f1f3f5}.fare-config-btn-alt:hover{background:#e9ecef}.fare-config-form{gap:14px;display:grid}.fare-config-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.fare-config-form-row.single{grid-template-columns:1fr}.fare-config-form-row label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.fare-config-form-row input{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text-dark);border-radius:8px;padding:10px 12px;font-size:14px}.fare-config-form-row input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #10b98126}.fare-config-checkbox{color:var(--text-dark);align-items:center;gap:8px;font-size:13px;display:inline-flex}.fare-config-actions{justify-content:flex-start;display:flex}.fare-config-vehicle-type{text-transform:capitalize;font-weight:600}.fare-config-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fare-config-modal-card{width:min(760px,100%);max-height:calc(100vh - 40px);overflow-y:auto}@media (width<=900px){.fare-config-form-row{grid-template-columns:1fr}.fare-configs-toolbar{flex-wrap:wrap;justify-content:flex-end;width:100%}}.permissions-page{min-height:100%}.permissions-layout{grid-template-columns:320px minmax(0,1fr);gap:24px;display:grid}.permissions-roles-panel,.permissions-editor-panel{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #e9ecef;border-radius:24px;padding:24px;box-shadow:0 14px 40px #141f390f}.permissions-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.permissions-panel-header h3{color:#162238;margin:4px 0 0;font-size:22px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#6c757d;margin:0;font-size:11px;font-weight:700}.permissions-count{color:#1864ab;white-space:nowrap;background:#e7f5ff;border-radius:999px;padding:8px 12px;font-size:12px}.permissions-role-list{gap:12px;display:grid}.permission-role-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #dde5ee;border-radius:18px;width:100%;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s}.permission-role-card:hover,.permission-role-card.active{border-color:#2f9e44;transform:translateY(-1px);box-shadow:0 10px 24px #2f9e441f}.permission-role-name{color:#162238;font-weight:700;display:block}.permission-role-meta{color:#6c757d;margin-top:6px;font-size:13px;display:block}.permissions-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.permission-toggle{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:18px;align-items:flex-start;gap:12px;padding:16px;transition:border-color .2s,background .2s,transform .2s;display:flex}.permission-toggle input{accent-color:#2f9e44;width:18px;height:18px;margin-top:4px}.permission-toggle span{flex-direction:column;gap:4px;display:flex}.permission-toggle strong{color:#162238;text-transform:capitalize}.permission-toggle small{color:#6c757d}.permission-toggle.checked{background:#f4fff7;border-color:#2f9e44}.permissions-summary{border-top:1px solid #edf1f5;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:22px;padding-top:20px;display:grid}.permissions-summary label{text-transform:uppercase;letter-spacing:.08em;color:#6c757d;margin-bottom:6px;font-size:12px;display:block}.permissions-summary span{color:#162238;font-weight:600}.permissions-placeholder,.permissions-empty-state{color:#6c757d;text-align:center;border:1px dashed #cbd5e1;border-radius:18px;place-items:center;min-height:180px;padding:24px;display:grid}.permissions-empty-state{background:linear-gradient(135deg,#08d6120f,#0ca6780a)}@media (width<=1024px){.permissions-layout{grid-template-columns:1fr}}.permissions-empty-state{color:#6c757d;text-align:center;background:linear-gradient(135deg,#08d6120f,#0ca6780a);border:1px dashed #cbd5e1;border-radius:18px;place-items:center;min-height:180px;padding:24px;display:grid}.permissions-empty-state h2{color:#162238;margin:0 0 8px}.operator-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-action-button{width:36px;height:36px;box-shadow:none;border-radius:10px;flex-shrink:0;justify-content:center;padding:0}.icon-action-button .material-icons{font-size:18px;line-height:1}.icon-action-edit{color:#228be6;background:#e7f5ff;border:1px solid #d0ebff}.icon-action-delete{color:#fa5252;background:#fff5f5;border:1px solid #ffe3e3}.vehicle-types-page{display:block}.vehicle-types-toolbar{flex-shrink:0;align-items:center;gap:12px;width:auto;display:flex}.vehicle-type-name{text-transform:capitalize;font-weight:600}.vehicle-type-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:13px;overflow:hidden}@media (width<=900px){.vehicle-types-toolbar{flex-wrap:wrap;justify-content:flex-end;width:100%}}.freedom-section-main{background:#f0f9f4;padding:10rem 1.5rem;position:relative;overflow:hidden}.freedom-section-main:before,.freedom-section-main:after{content:"";filter:blur(80px);z-index:0;opacity:.4;border-radius:50%;position:absolute}.freedom-section-main:before{background:#22c55e33;width:400px;height:400px;top:-100px;right:-100px}.freedom-section-main:after{background:#0e5c6b26;width:300px;height:300px;bottom:-50px;left:-50px}.freedom-container-inner{max-width:1400px;margin:0 auto}.freedom-grid{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}@media (width>=1024px){.freedom-grid{grid-template-columns:1fr 1fr}}@media (width<=1024px){.freedom-grid{gap:2rem}.freedom-image-container{max-width:500px;margin:0 auto}}.freedom-content{z-index:10;position:relative}.freedom-badge{color:#0e5c6b;background:#0e5c6b1a;border:1px solid #0e5c6b33;border-radius:9999px;margin-bottom:1.25rem;padding:.25rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.freedom-title{color:#0d2d35;margin-bottom:1.25rem;font-size:clamp(2.5rem,5vw,4.25rem);font-weight:800;line-height:1.1}.freedom-title .text-highlight{color:#22c55e}.freedom-desc{color:#6b7280;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.625}.freedom-tiles-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2.5rem;display:grid}@media (width<=640px){.freedom-tiles-grid{grid-template-columns:1fr}}.freedom-service-tile{border:1px solid #0000000a;border-radius:1.5rem;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 20px #00000008;background:#fff!important}.freedom-service-tile:hover{border-color:#22c55e33;transform:translateY(-.5rem)scale(1.02);box-shadow:0 20px 40px #00000014}.tile-emoji{background:var(--tile-bg,#f8fafc);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:2.25rem;display:flex;position:relative}.tile-emoji:after{content:"";opacity:.1;border-radius:inherit;background:currentColor;position:absolute;inset:0}.tile-info{flex-direction:column;gap:.2rem;display:flex}.tile-title{color:#0d2d35;margin:0;font-size:1.1rem;font-weight:800}.tile-sub{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.freedom-cta-btn{color:#fff;background:#0e5c6b;border-radius:9999px;align-items:center;gap:.75rem;width:fit-content;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.freedom-cta-btn:hover{background:#0a4a57;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0e5c6b33}.freedom-image-container{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.freedom-image{object-fit:contain;border-radius:2rem;max-width:100%;height:auto;animation:6s ease-in-out infinite float;box-shadow:0 30px 60px -12px #0000001f,0 18px 36px -18px #00000026}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(1deg)}}.image-glow{z-index:-1;filter:blur(40px);background:radial-gradient(circle,#22c55e26 0%,#0000 70%);width:80%;height:80%;position:absolute}