@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary-blue: #0659b1;--primary-red: #7c1313;--white: #ffffff;--gold: #edb007;--gray: #6e7272;--light-gray: #f8f9fa;--dark-gray: #2c3e50;--brand: #0659b1;--brand-strong: #044a93;--accent: #edb007;--accent-strong: #c99700;--danger: #7c1313;--ink: #1f2937;--ink-soft: #4b5563;--ink-mute: #6b7280;--line: #e5e7eb;--bg: #ffffff;--bg-soft: #f7f8fa;--bg-deep: #0c1d36;--font-sans: "Inter", system-ui, -apple-system, Segoe UI, sans-serif;--font-display: "Poppins", "Inter", sans-serif;--t-12: .75rem;--t-14: .875rem;--t-16: 1rem;--t-18: 1.125rem;--t-20: 1.25rem;--t-24: 1.5rem;--t-30: 1.875rem;--t-36: 2.25rem;--t-44: 2.75rem;--t-56: 3.5rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--s-24: 96px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--shadow-md: 0 6px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 40px rgba(15, 23, 42, .1);--container-max: 1180px;--section-y: clamp(64px, 8vw, 112px)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--dark-gray)}.header{background:var(--white);box-shadow:0 2px 20px #0659b11a;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:1000;border-bottom:3px solid var(--primary-blue);flex-wrap:nowrap;min-height:70px;width:100%;box-sizing:border-box}.logo-container{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start}.nav-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:nowrap}.live-notifications{position:fixed;top:100px;right:20px;z-index:1500;max-width:300px}@media (max-width: 720px){.live-notifications{display:none}}.notification{background:linear-gradient(135deg,var(--primary-blue),var(--gold));color:var(--white);padding:1rem;border-radius:10px;margin-bottom:.5rem;box-shadow:0 4px 20px #0003;font-size:.9rem;animation:slideInRight .5s ease,fadeOut .5s ease 3.5s}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(100%)}}.testimonials-section{background:radial-gradient(ellipse at 20% 0%,rgba(6,89,177,.07) 0%,transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(237,176,7,.07) 0%,transparent 55%),linear-gradient(180deg,#f4f7fc,#fff);padding:var(--section-y) var(--s-6);position:relative;overflow:hidden}.testimonials-aurora{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(6,89,177,.06) 0%,transparent 40%);pointer-events:none;z-index:0}.testimonials-section .container{position:relative;z-index:1}.testimonials-header{text-align:center;margin-bottom:3rem}.live-stats{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;color:var(--primary-blue);font-weight:600}.live-dot{width:8px;height:8px;background:#0f0;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.testimonial-carousel{max-width:600px;margin:0 auto}.testimonial-card{background:var(--white);padding:2rem;border-radius:20px;box-shadow:0 10px 40px #0000001a;text-align:center;animation:slideUp .6s ease}.stars{font-size:1.2rem;margin-bottom:1rem}.testimonial-content p{font-size:1.1rem;font-style:italic;color:var(--gray);margin-bottom:1.5rem;line-height:1.6}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:1rem}.avatar{font-size:2.5rem}.role{color:var(--primary-blue);font-size:.9rem}.testimonial-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.dot{width:12px;height:12px;border-radius:50%;border:none;background:#ddd;cursor:pointer;transition:all .3s ease}.dot.active{background:var(--primary-blue);transform:scale(1.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card{transition:all .4s ease;cursor:pointer}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0659b133}.service-card.premium:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 50px #0003}.section{animation:fadeInUp .8s ease-out}.img-grid{flex:2;display:flex;justify-content:center;align-items:center;min-width:500px;padding:2rem}.img-grid img{width:100%;height:600px;-o-object-fit:cover;object-fit:cover;border-radius:15px;box-shadow:0 10px 30px #0000001a}.textbuttons{display:flex;justify-content:center;padding-left:30%;flex-wrap:wrap}.home{position:relative;min-height:min(86vh,780px);display:flex;align-items:center;justify-content:center;text-align:left;color:var(--white);overflow:hidden}.home:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0c1d368c,#0c1d36d9);z-index:1}.home-content{position:relative;z-index:2;text-align:left;min-width:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-pill);color:var(--white);font-size:var(--t-14);font-weight:500;letter-spacing:.02em;margin-bottom:var(--s-6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home h1,.hero-title{font-family:var(--font-display);font-size:clamp(2.25rem,5vw + 1rem,var(--t-56));line-height:1.05;font-weight:700;letter-spacing:-.02em;color:var(--white);margin:0 0 var(--s-6);text-shadow:none;max-width:18ch}.home h2,.hero-sub{font-family:var(--font-sans);font-size:clamp(var(--t-16),1.4vw + .5rem,var(--t-20));line-height:1.6;font-weight:400;color:#ffffffdb;margin:0 0 var(--s-10);max-width:56ch}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;margin-bottom:var(--s-8)}.hero-trust{font-size:var(--t-14);color:#ffffffb8;margin:0;letter-spacing:.01em}.cta-buttons{display:flex;gap:var(--s-3);justify-content:center;align-items:center;flex-wrap:wrap;margin-top:var(--s-6)}@media (max-width: 540px){.cta-section .cta-buttons{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.cta-section .download-dropdown{width:100%}.cta-section .download-dropdown>.download-btn,.cta-section .cta-buttons>.btn-secondary{width:100%;max-width:none}.hero-actions{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.hero-actions>.btn,.hero-actions>.btn-ghost{width:100%;max-width:none}}.btn,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:14px 22px;border-radius:var(--r-md);font-family:var(--font-sans);font-weight:600;font-size:var(--t-16);line-height:1;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:#1a1a1a;border-color:var(--accent);box-shadow:0 4px 14px #edb00747}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);transform:translateY(-1px);box-shadow:0 8px 20px #edb00757}.btn-secondary{background:transparent;color:var(--white);border-color:#ffffff8c}.btn-secondary:hover{background:var(--white);color:var(--brand);border-color:var(--white)}.btn-ghost{background:transparent;color:var(--white);border-color:transparent;display:inline-flex;align-items:center;gap:var(--s-2);padding:14px 18px;font-weight:600;font-size:var(--t-16);text-decoration:none;border-radius:var(--r-md);transition:background-color .18s ease}.btn-ghost:hover{background:#ffffff14}.btn-lg{padding:16px 26px;font-size:var(--t-18)}*{margin:0;padding:0;box-sizing:border-box}.about{background:var(--bg-soft);padding:var(--section-y) var(--s-6)}.about-content{display:flex;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;flex-wrap:wrap}.about-text{flex:1;min-width:300px}.about-text h2{margin-bottom:2rem}.about-text p{font-size:var(--t-18);line-height:1.7;color:var(--ink-soft);margin-bottom:var(--s-5);max-width:60ch}.aboutus{font-weight:300;line-height:1.6}.img-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:200px;gap:15px;min-width:300px}.img-grid img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}h1{font-family:var(--font-display);color:var(--ink);font-weight:700;letter-spacing:-.02em;line-height:1.1}h2{font-family:var(--font-display);color:var(--ink);font-size:clamp(var(--t-24),2vw + 1rem,var(--t-36));font-weight:700;letter-spacing:-.015em;line-height:1.15;margin-bottom:var(--s-4)}h3{font-family:var(--font-display);color:var(--ink);font-size:var(--t-20);font-weight:600;letter-spacing:-.005em;line-height:1.3;margin-bottom:var(--s-3)}.section{padding:var(--section-y) var(--s-6)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-2)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);margin-top:var(--s-12)}.feature-card{background:var(--bg);padding:var(--s-8);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#0659b140}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-blue),var(--gold));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;color:var(--white)}.tier-card{background:var(--white);padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;text-align:center;position:relative;overflow:hidden}.tier-card.featured{border:3px solid var(--gold);transform:scale(1.05)}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--gold))}.tier-title{color:var(--primary-red);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.tier-subtitle{color:var(--gray);font-size:.9rem;margin-bottom:1.5rem}.commission-rate{font-size:3rem;font-weight:700;color:var(--gold);margin-bottom:.5rem}.commission-label{color:var(--gray);font-size:.9rem;margin-bottom:2rem}.benefits-list{list-style:none;text-align:left}.benefits-list li{border-bottom:1px solid #eee;position:relative;padding:.5rem 0 .5rem 1.5rem}.benefits-list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}.aboutus{font-weight:300;line-height:20px}.contact{width:100%;height:200px;background-color:#000000ab}.footer{background:var(--bg-deep);color:var(--white);padding:var(--s-16) var(--s-6) var(--s-6)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-10);max-width:var(--container-max);margin:0 auto;text-align:left}.footer-left .footer-title,.footer-brand .footer-title{font-family:var(--font-display);font-size:clamp(var(--t-30),2vw + 1rem,var(--t-36));color:var(--accent);margin:0 0 var(--s-3) 0;font-weight:800;letter-spacing:-.02em;line-height:1;text-shadow:0 2px 18px rgba(237,176,7,.28)}.footer-tagline{color:#ffffffa6;font-size:var(--t-14);line-height:1.6;max-width:32ch}.footer-contact p,.footer-features li{margin:var(--s-2) 0;color:#ffffffc7;font-size:var(--t-14)}.footer-contact strong{color:#fffffff2;font-weight:500;margin-right:var(--s-1)}.footer-features ul{margin-top:1rem}.footer-features li{padding:.3rem 0}.footer-bottom{margin-top:var(--s-12);border-top:1px solid rgba(255,255,255,.1);padding-top:var(--s-6);text-align:center;font-size:var(--t-14);color:#ffffff8c}@media (max-width: 1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cta-buttons,.hero-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{width:100%;max-width:300px}.features-grid{grid-template-columns:1fr}.about-content{flex-direction:column}.img-grid{grid-template-columns:1fr;grid-auto-rows:250px}.header{flex-direction:column;padding:1rem}.textbuttons{padding-left:0;width:100%;justify-content:center}.tier-card.featured{transform:none}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width: 480px){.feature-card,.tier-card,.service-card.premium{padding:var(--s-6)}}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card,.tier-card{animation:fadeInUp .6s ease-out}.feature-card:hover .feature-icon{transform:scale(1.1);transition:transform .3s ease}.tier-card:hover{transform:translateY(-5px);transition:transform .3s ease}.tier-card.featured:hover{transform:scale(1.05) translateY(-5px)}.services-section{background:var(--bg);color:var(--ink);padding:var(--section-y) var(--s-6);position:relative}.services-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.services-header h2{font-size:3rem;color:var(--gold);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.services-header p{font-size:1.3rem;opacity:.9}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);margin-bottom:var(--s-16);position:relative;z-index:2}@media (max-width: 960px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.services-grid{grid-template-columns:1fr}}.service-card,.service-card.premium{background:var(--bg);color:var(--ink);padding:var(--s-10) var(--s-8) var(--s-8);border-radius:var(--r-lg);text-align:left;position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;gap:var(--s-4)}.service-card:hover,.service-card.premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.service-icon{font-size:3rem;margin-bottom:1rem;display:block}.service-card.premium h3{color:var(--ink);font-size:var(--t-20);font-weight:600}.benefit-tag{background:linear-gradient(135deg,var(--gold),#d4a006);color:var(--white);padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:600;display:inline-block;box-shadow:0 4px 15px #edb0074d}.cta-section{text-align:center;background:linear-gradient(135deg,var(--brand) 0%,var(--bg-deep) 100%);color:var(--white);padding:var(--s-12) var(--s-8);border-radius:var(--r-lg);position:relative;z-index:2;box-shadow:var(--shadow-md)}.cta-section h3{font-family:var(--font-display);font-size:clamp(var(--t-24),2.5vw + 1rem,var(--t-36));color:var(--white);margin-bottom:var(--s-3)}.cta-section p{font-size:var(--t-18);color:#ffffffd9;margin-bottom:var(--s-8);opacity:.9}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #edb007b3}70%{box-shadow:0 0 0 10px #edb00700}to{box-shadow:0 0 #edb00700}}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);transition:transform .3s ease}.btn-primary:hover{box-shadow:0 5px 25px #edb00799}.register-container{position:relative;display:inline-block}.register-btn{background:var(--primary-blue);color:var(--white);border:none;padding:1.2rem 2.5rem;border-radius:30px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #0659b14d;font-size:1.1rem}.register-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0659b166}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.register-container:hover .dropdown-arrow{transform:rotate(180deg)}.register-dropdown{position:absolute;top:100%;right:0;background:var(--white);border-radius:15px;box-shadow:0 10px 30px #0003;overflow:hidden;z-index:1000;min-width:250px;margin-top:.5rem;animation:dropdownSlide .3s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.register-option{display:flex;align-items:center;padding:1rem;text-decoration:none;color:var(--dark-gray);transition:all .3s ease;border-bottom:1px solid #eee}.register-option:last-child{border-bottom:none}.register-option:hover{background:var(--light-gray);transform:translate(5px)}.register-option.passenger:hover{background:linear-gradient(90deg,rgba(6,89,177,.1),transparent)}.register-option.driver:hover{background:linear-gradient(90deg,rgba(237,176,7,.1),transparent)}.option-icon{font-size:2rem;margin-right:1rem}.option-title{font-weight:600;font-size:1.1rem;margin-bottom:.2rem}.option-desc{font-size:.9rem;color:var(--gray)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.registration-modal{background:var(--white);border-radius:20px;padding:2rem;max-width:500px;width:90%;position:relative;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--gray)}.app-selection h3{text-align:center;margin-bottom:2rem;color:var(--primary-blue)}.app-options{display:flex;gap:1rem;flex-wrap:wrap}.app-option{flex:1;min-width:200px;background:var(--light-gray);border:2px solid transparent;border-radius:15px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease}.app-option:hover{border-color:var(--primary-blue);transform:translateY(-5px)}.app-option .option-icon{font-size:3rem;margin-bottom:1rem}.app-option h4{color:var(--primary-blue);margin-bottom:.5rem}.app-option p{color:var(--gray);font-size:.9rem}.registration-form{display:flex;flex-direction:column;gap:1rem}.registration-form h3{text-align:center;color:var(--primary-blue);margin-bottom:1rem}.registration-form input{padding:1rem;border:2px solid #eee;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.registration-form input:focus{outline:none;border-color:var(--primary-blue)}.submit-btn{background:var(--gold);color:var(--white);border:none;padding:1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#d4a006;transform:translateY(-2px)}.back-btn{background:var(--gray);color:var(--white);border:none;padding:.8rem;border-radius:10px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#5a5f5f}.footer-map{min-width:250px}.footer-map iframe{transition:transform .3s ease}.footer-map iframe:hover{transform:scale(1.02)}.hero-badge{background:#edb00733;color:var(--gold);padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:600;margin-bottom:1rem;display:inline-block}.hero-features{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0}.feature-pill{background:#fff3;color:var(--white);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stats{display:flex;gap:2rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:var(--gold);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.stat-label{font-size:.9rem;opacity:.8}.about-points{display:grid;gap:1.5rem}.point{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0659b10d;border-radius:10px;transition:transform .3s ease}.point:hover{transform:translate(10px)}.point-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-blue),var(--gold));border-radius:50%;flex-shrink:0}.point h4{margin:0 0 .5rem;color:var(--primary-blue)}.point p{margin:0;color:var(--gray);font-size:.9rem}.feature-badges{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.badge{background:var(--gold);color:var(--white);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.feature-visual{display:flex;flex-direction:column;gap:.8rem}.visual-item{background:var(--light-gray);padding:.8rem;border-radius:8px;font-size:.9rem;color:var(--gray);border-left:3px solid var(--primary-blue)}.download-dropdown{position:relative;display:inline-block}.download-btn{cursor:pointer}.download-options{position:absolute;top:100%;left:0;background:var(--white);border-radius:10px;box-shadow:0 10px 30px #0003;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;min-width:200px;margin-top:.5rem}.cta-buttons .download-dropdown:hover .download-options{opacity:1;visibility:visible;transform:translateY(0)}.features-bg{background:var(--white) url(../assets/javiRideLogo.jpg) no-repeat center center;background-size:300px;background-attachment:fixed;position:relative}.features-bg:before{content:"";position:absolute;inset:0;background:#ffffffe6;z-index:1}.features-overlay{background:#0009;width:100%;padding:3rem 0}.features-overlay .container{position:relative;z-index:2;padding:0 2rem}.features-overlay h2,.features-overlay h3{color:var(--white)}.features-overlay .badge{background:var(--gold);color:var(--dark-gray)}.howitworks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}@media (max-width: 1200px){.howitworks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.howitworks-grid{grid-template-columns:1fr}}.download-option{display:flex;align-items:center;gap:.5rem;padding:1rem;text-decoration:none;color:var(--dark-gray);transition:background .3s ease;border-bottom:1px solid #eee}.download-option:last-child{border-bottom:none}.download-option:hover{background:var(--light-gray)}.download-option span{font-size:1.2rem}.download-section{margin-top:1rem}.btn-download{background:linear-gradient(135deg,var(--primary-blue),var(--gold));color:var(--white);border:none;padding:1rem 2rem;border-radius:50px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #0659b14d;text-decoration:none;font-size:1rem}.btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0659b166}.home-content{animation:fadeInUp 1s ease-out}.download-btn-driver{background-color:#34a853;color:#fff;font-size:16px;font-weight:600;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.download-btn:hover{background-color:#2c8e47;transform:translateY(-2px);box-shadow:0 4px 10px #34a8534d}.download-btn:active{transform:scale(.97)}.floating-contact{position:fixed;bottom:20px;right:20px;z-index:950;display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-3);pointer-events:none}.floating-contact>*{pointer-events:auto}.floating-contact-toggle{width:56px;height:56px;border-radius:50%;background:var(--brand);color:var(--white);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 28px #0659b15c,0 4px 12px #0f172a1f;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;position:relative}.floating-contact-toggle:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--brand);opacity:.35;animation:floatingPulse 2.4s ease-out infinite}@keyframes floatingPulse{0%{transform:scale(.92);opacity:.5}to{transform:scale(1.35);opacity:0}}.floating-contact-toggle:hover{background:var(--brand-strong);transform:scale(1.05)}.floating-contact--open .floating-contact-toggle{background:var(--ink)}.floating-contact--open .floating-contact-toggle:after{display:none}.floating-contact-actions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-end;opacity:0;transform:translateY(8px) scale(.96);transform-origin:bottom right;transition:opacity .22s ease,transform .22s ease;pointer-events:none}.floating-contact--open .floating-contact-actions{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.floating-contact-action{display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none;color:var(--ink)}.floating-contact-label{background:var(--bg);padding:6px 12px;border-radius:var(--r-md);font-family:var(--font-sans);font-size:var(--t-12);font-weight:600;letter-spacing:.01em;box-shadow:0 6px 16px #0f172a1f;border:1px solid var(--line);white-space:nowrap;color:var(--ink)}.floating-contact-action-icon{width:44px;height:44px;border-radius:50%;background:var(--action-color, var(--brand));color:var(--white);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0f172a2e;transition:transform .18s ease}.floating-contact-action:hover .floating-contact-action-icon{transform:scale(1.08)}@media (max-width: 540px){.floating-contact{bottom:16px;right:16px}.floating-contact-toggle{width:52px;height:52px}.floating-contact-action-icon{width:40px;height:40px}}@media (prefers-reduced-motion: reduce){.floating-contact-toggle:after{animation:none}}.site-header{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease}.site-header--scrolled{background:#fffffff5;box-shadow:0 1px #0f172a0a,0 4px 20px #0f172a0f;border-bottom-color:#0f172a0f}.site-header-inner{max-width:var(--container-max);margin:0 auto;padding:var(--s-3) var(--s-6);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:68px}@media (min-width: 1000px){.site-header-inner{gap:var(--s-6)}}.site-header-brand{display:inline-flex;align-items:center;gap:var(--s-3);text-decoration:none;color:var(--ink);flex-shrink:0;transition:opacity .18s ease}.site-header-brand:hover{opacity:.85}.site-header-logo{height:40px;width:auto;border-radius:8px;display:block;flex-shrink:0}.site-header-wordmark{display:none;font-family:var(--font-display);font-size:var(--t-18);font-weight:700;letter-spacing:-.01em;color:var(--brand);line-height:1}@media (min-width: 720px){.site-header-wordmark{display:inline-block}}.site-header-nav{display:none;flex:1;justify-content:center}@media (min-width: 1000px){.site-header-nav{display:flex}}.site-header-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--s-1)}.site-header-nav button{background:none;border:none;cursor:pointer;padding:var(--s-2) var(--s-4);font-family:var(--font-sans);font-size:var(--t-14);font-weight:500;color:var(--ink-soft);border-radius:var(--r-md);position:relative;transition:color .18s ease,background-color .18s ease}.site-header-nav button:after{content:"";position:absolute;left:50%;bottom:4px;transform:translate(-50%);width:0;height:2px;background:var(--accent);border-radius:2px;transition:width .2s ease}.site-header-nav button:hover{color:var(--brand);background:#0659b10f}.site-header-nav button:hover:after{width:22px}.site-header-cta{display:block;flex-shrink:0}@media (max-width: 540px){.site-header-cta .register-btn{padding:8px 14px;font-size:var(--t-12)}}.register-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:10px 20px;background:var(--brand);color:var(--white);border:1px solid var(--brand);border-radius:var(--r-md);font-family:var(--font-sans);font-weight:600;font-size:var(--t-14);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;white-space:nowrap;text-decoration:none}.register-btn:hover{background:var(--brand-strong);border-color:var(--brand-strong);transform:translateY(-1px);box-shadow:0 6px 16px #0659b147}.register-btn:active{transform:translateY(0)}.site-header-burger{background:none;border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px;cursor:pointer;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;transition:background-color .18s ease,border-color .18s ease}.site-header-burger:hover{background:var(--bg-soft);border-color:#0659b14d}@media (min-width: 1000px){.site-header-burger{display:none}}.site-header-mobile{max-height:0;overflow:hidden;transition:max-height .32s ease;background:var(--bg);border-top:1px solid transparent}.site-header-mobile--open{max-height:540px;border-top-color:var(--line)}@media (min-width: 1000px){.site-header-mobile{display:none}}.site-header-mobile nav ul{list-style:none;margin:0;padding:var(--s-3) var(--s-6) 0}.site-header-mobile nav li{border-bottom:1px solid var(--line)}.site-header-mobile nav li:last-child{border-bottom:none}.site-header-mobile nav button{background:none;border:none;cursor:pointer;padding:var(--s-4) 0;font-family:var(--font-display);font-size:var(--t-18);font-weight:500;color:var(--ink);text-align:left;width:100%;letter-spacing:-.005em;transition:color .18s ease,padding-left .18s ease}.site-header-mobile nav button:hover{color:var(--brand);padding-left:var(--s-2)}.site-header-mobile-cta{padding:var(--s-5) var(--s-6) var(--s-6)}.site-header-mobile-cta .register-btn{width:100%;padding:14px 22px;font-size:var(--t-16)}.feature-icon{align-items:center;justify-content:center;color:var(--white);font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1}.feature-icon svg{display:block}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:1rem;color:var(--primary-blue);background:#0659b114;border-radius:16px;font-size:0}.service-icon svg{display:block}.service-card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-md);background:#0659b114;color:var(--brand);flex-shrink:0;margin-bottom:var(--s-1);transition:background .2s ease,color .2s ease,transform .2s ease}.service-card:hover .service-card-icon{transform:scale(1.05)}.service-card-stripe{position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg)}.service-card h3{font-size:var(--t-20);margin:0;letter-spacing:-.01em}.service-card>p{color:var(--ink-soft);font-size:var(--t-14);line-height:1.65;margin:0;flex:1}.service-card .benefit-tag{align-self:flex-start;margin-top:var(--s-2)}.service-card--blue .service-card-stripe{background:var(--brand)}.service-card--blue .service-card-icon{background:#0659b11a;color:var(--brand)}.service-card--blue:hover{border-color:#0659b152}.service-card--gold .service-card-stripe{background:var(--accent)}.service-card--gold .service-card-icon{background:#edb0072e;color:#a47700}.service-card--gold:hover{border-color:#edb00780}.service-card--green .service-card-stripe{background:#1ea34b}.service-card--green .service-card-icon{background:#109c5c24;color:#097a48}.service-card--green:hover{border-color:#109c5c66}.service-card--red .service-card-stripe{background:#d63232}.service-card--red .service-card-icon{background:#bf23231a;color:#b22020}.service-card--red:hover{border-color:#bf23235c}.visual-item{display:flex;align-items:center;gap:.5rem}.visual-item svg{flex-shrink:0;color:var(--primary-blue)}.badge{display:inline-flex;align-items:center;gap:.4rem}.badge svg{flex-shrink:0}.option-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary-blue)}.app-option .option-icon{width:64px;height:64px;margin:0 auto 1rem;background:#0659b114;border-radius:50%;font-size:0}.btn-download,.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem}.download-option svg{flex-shrink:0;color:var(--primary-blue)}.stars{display:inline-flex;align-items:center;gap:.15rem;color:var(--gold)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue),var(--gold));color:var(--white);font-family:Poppins,sans-serif;font-weight:600;font-size:1.1rem;letter-spacing:.02em;flex-shrink:0}.section-heading-with-icon{display:inline-flex;align-items:center;gap:.6rem;justify-content:center}.section-heading-with-icon svg{color:var(--brand);flex-shrink:0}.download-cta{margin-top:var(--s-12);display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.download-cta--left{align-items:flex-start}.download-cta--center{align-items:center}.download-cta--right{align-items:flex-end}.download-cta-eyebrow{margin:0;font-family:var(--font-sans);font-size:var(--t-14);color:var(--ink-mute);letter-spacing:.01em}.btn-ghost-dark{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:14px 22px;background:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.3);border-radius:var(--r-md);font-family:var(--font-sans);font-weight:600;font-size:var(--t-16);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;white-space:nowrap;text-decoration:none}.btn-ghost-dark:hover{background:#ffffff2e;border-color:#ffffff8c;transform:translateY(-1px)}.section-intro{text-align:center;max-width:720px;margin:0 auto var(--s-12)}.section-eyebrow{display:inline-block;font-family:var(--font-sans);font-size:var(--t-12);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:var(--s-3)}.section-lede{font-size:var(--t-18);color:var(--ink-mute);line-height:1.6;margin-top:var(--s-3);max-width:56ch;margin-left:auto;margin-right:auto}.download-modal{background:var(--bg);color:var(--ink);width:min(560px,calc(100vw - 32px));border-radius:var(--r-lg);padding:var(--s-10) var(--s-8) var(--s-8);box-shadow:var(--shadow-lg);position:relative;text-align:left}.download-modal h3{font-size:var(--t-24);margin-bottom:var(--s-2)}.download-modal-sub{color:var(--ink-mute);margin-bottom:var(--s-6);font-size:var(--t-14)}.download-grid{display:grid;gap:var(--s-3)}.download-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);color:var(--ink);text-decoration:none;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.download-card:hover{border-color:var(--brand);background:#0659b10a;transform:translateY(-1px)}.download-card svg{color:var(--brand);justify-self:center}.download-card strong{font-family:var(--font-display);font-weight:600;font-size:var(--t-16)}.download-card .store-tag{font-size:var(--t-12);color:var(--ink-mute);letter-spacing:.03em}.download-card.disabled{opacity:.6;cursor:not-allowed;background:var(--bg-soft)}.download-card.disabled:hover{border-color:var(--line);background:var(--bg-soft);transform:none}.about-shell{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(40px,5vw,80px)}@media (max-width: 960px){.about-shell{grid-template-columns:1fr;gap:var(--s-12)}}.about-text h2{margin-bottom:var(--s-6)}.about-text .about-lede{font-size:clamp(var(--t-18),1.4vw + .6rem,var(--t-20));line-height:1.55;color:var(--ink);margin-bottom:var(--s-5);max-width:56ch;font-weight:400}.about-text .about-body{font-size:var(--t-16);line-height:1.7;color:var(--ink-soft);margin-bottom:var(--s-4);max-width:60ch}.about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5);margin-top:var(--s-8);padding-top:var(--s-6);border-top:1px solid var(--line)}@media (max-width: 540px){.about-pillars{grid-template-columns:1fr;gap:var(--s-4)}}.about-pillar strong{display:block;font-family:var(--font-display);font-size:var(--t-16);color:var(--brand);font-weight:600;margin-bottom:var(--s-1);letter-spacing:-.01em}.about-pillar span{display:block;font-size:var(--t-14);color:var(--ink-mute);line-height:1.55}.about-visual{position:relative}.about-photo-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:var(--s-3);height:clamp(380px,48vw,520px)}@media (max-width: 540px){.about-photo-grid{height:clamp(320px,80vw,420px)}}.about-photo{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);position:relative;background:var(--bg-soft)}.about-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .6s ease}.about-photo:hover img{transform:scale(1.04)}.about-photo-large{grid-row:1 / 3}.about-photo-poster{background:#f4b400}.about-photo-poster img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.about-badge{position:absolute;bottom:var(--s-5);left:var(--s-5);display:inline-flex;align-items:center;gap:var(--s-2);background:var(--bg);color:var(--ink);padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);font-size:var(--t-14);font-weight:500;box-shadow:var(--shadow-md);z-index:2}.about-badge svg{color:var(--brand)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);margin-top:var(--s-12)}@media (max-width: 960px){.testimonial-grid{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}}.testimonial-card-v2{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-8);display:flex;flex-direction:column;gap:var(--s-4);box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}.testimonial-card-v2:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#0659b133}.testimonial-card-v2-mark{position:absolute;top:var(--s-5);right:var(--s-6);color:#0659b11a;pointer-events:none}.testimonial-card-v2-stars{display:inline-flex;align-items:center;gap:2px;color:var(--accent)}.testimonial-card-v2-quote{font-family:var(--font-display);font-size:var(--t-18);line-height:1.55;color:var(--ink);margin:0;font-weight:500;letter-spacing:-.005em;quotes:"“" "”";flex:1}.testimonial-card-v2-quote:before{content:open-quote}.testimonial-card-v2-quote:after{content:close-quote}.testimonial-card-v2-author{display:flex;align-items:center;gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--line);margin-top:auto}.testimonial-card-v2-avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));color:var(--white);font-family:var(--font-display);font-weight:700;font-size:var(--t-14);flex-shrink:0;letter-spacing:.02em}.testimonial-card-v2-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.testimonial-card-v2-meta strong{font-family:var(--font-sans);font-size:var(--t-14);color:var(--ink);font-weight:600}.testimonial-card-v2-meta span{font-size:var(--t-12);color:var(--ink-mute);letter-spacing:.01em}.features-bento{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);margin-top:var(--s-12)}@media (max-width: 720px){.features-bento{grid-template-columns:1fr}}.feature-card-v2{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-8);display:flex;flex-direction:column;gap:var(--s-4);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden;min-height:320px}.feature-card-v2:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-card-v2 header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.feature-card-v2-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-md);background:#0659b114;color:var(--brand);flex-shrink:0}.feature-card-v2-tag{display:inline-flex;align-items:center;padding:5px 11px;background:#0659b10f;color:var(--brand);border-radius:var(--r-pill);font-size:var(--t-12);font-weight:600;letter-spacing:.02em;border:1px solid rgba(6,89,177,.16);font-family:var(--font-sans)}.feature-card-v2 h3{font-size:var(--t-20);margin:0;letter-spacing:-.01em}.feature-card-v2 p{color:var(--ink-soft);font-size:var(--t-14);line-height:1.65;margin:0}.feature-card-v2 .feature-illus{margin-top:auto;padding:var(--s-5);background:var(--bg-soft);border-radius:var(--r-md);border:1px solid var(--line);min-height:110px;display:flex;align-items:center;justify-content:center}.feature-card-match:hover{border-color:#0659b14d}.feature-card-match .feature-card-v2-icon{background:#0659b11a;color:var(--brand)}.feature-card-match .feature-card-v2-tag{background:#0659b114;color:var(--brand);border-color:#0659b138}.feature-card-carpool:hover{border-color:#edb00773}.feature-card-carpool .feature-card-v2-icon{background:#edb0072e;color:#a47700}.feature-card-carpool .feature-card-v2-tag{background:#edb0071f;color:#a47700;border-color:#edb0075c}.feature-card-pay:hover{border-color:#109c5c5c}.feature-card-pay .feature-card-v2-icon{background:#109c5c24;color:#097a48}.feature-card-pay .feature-card-v2-tag{background:#109c5c1a;color:#097a48;border-color:#109c5c47}.feature-card-sos:hover{border-color:#bf232352}.feature-card-sos .feature-card-v2-icon{background:#bf23231a;color:#b22020}.feature-card-sos .feature-card-v2-tag{background:#bf232314;color:#b22020;border-color:#bf232338}.illus-map{position:relative;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-3)}.map-pin{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--t-12);font-weight:700;color:#fff;position:relative;z-index:2}.map-pin-a{background:var(--brand);box-shadow:0 0 0 4px #0659b12e,var(--shadow-sm)}.map-pin-b{background:var(--accent);color:#1a1a1a;box-shadow:0 0 0 4px #edb00738,var(--shadow-sm)}.map-route{position:absolute;inset:0;width:100%;height:100%;z-index:1}.map-route path{stroke:var(--brand);stroke-width:2;stroke-dasharray:4 4;fill:none;stroke-linecap:round;opacity:.55}.illus-seats{display:flex;gap:var(--s-3);align-items:center;justify-content:center;width:100%}.seat{width:38px;height:38px;border-radius:50%;background:var(--bg);border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--t-14);color:var(--ink)}.seat-driver{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.seat-empty{background:transparent;color:var(--ink-mute);border-style:dashed;border-color:var(--ink-mute)}.seat-divider{width:1px;height:22px;background:var(--line)}.illus-payments{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center}.pay-chip{padding:6px 12px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);font-size:var(--t-12);font-weight:600;color:var(--ink);font-family:var(--font-sans);letter-spacing:.01em;box-shadow:var(--shadow-sm)}.pay-chip-mpesa{background:#1ea34b;color:#fff;border-color:transparent}.illus-sos{display:flex;align-items:center;justify-content:center;gap:var(--s-5);width:100%}.sos-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#d63232,#8e1414);color:#fff;border:4px solid white;font-family:var(--font-display);font-weight:700;font-size:var(--t-12);letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #d632322e,0 8px 18px #d6323247;animation:sosPulse 2.6s ease-in-out infinite;flex-shrink:0}@keyframes sosPulse{0%,to{box-shadow:0 0 0 4px #d632322e,0 8px 18px #d6323247}50%{box-shadow:0 0 0 10px #d632321a,0 10px 22px #d632325c}}.sos-status{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-12);color:var(--ink-soft);font-family:var(--font-sans)}.sos-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px #16a34a33;animation:sosLiveDot 1.6s ease-in-out infinite alternate}@keyframes sosLiveDot{0%{opacity:.55}to{opacity:1}}.hero-shell{position:relative;z-index:2;width:100%;max-width:var(--container-max);padding:clamp(48px,7vw,88px) var(--s-6);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-aurora{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,rgba(237,176,7,.22) 0%,transparent 50%),radial-gradient(ellipse at 10% 100%,rgba(6,89,177,.4) 0%,transparent 55%);z-index:1;pointer-events:none}.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #edb00740;display:inline-block;margin-right:var(--s-2)}.hero-title-accent{background:linear-gradient(90deg,var(--accent) 0%,#ffd966 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-trust-bar{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-6);margin:var(--s-10) 0 0;padding:var(--s-4) 0 0;border-top:1px solid rgba(255,255,255,.1)}.hero-trust-bar li{display:inline-flex;align-items:center;gap:var(--s-2);color:#ffffffc7;font-size:var(--t-14)}.hero-trust-bar svg{color:var(--accent);flex-shrink:0}.hero-trust-bar strong{color:var(--white);font-weight:600}@media (max-width: 960px){.hero-shell{grid-template-columns:1fr;gap:var(--s-12);justify-items:center}.home-content{text-align:center}.home-content .hero-title,.home-content .hero-sub{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust-bar{justify-content:center}.hero-visual{order:2;transform:scale(.92)}}@media (max-width: 540px){.hero-trust-bar{gap:var(--s-3)}.hero-visual{transform:scale(.85);margin-top:-20px}}.phone-mockup{position:relative;width:290px;height:600px;flex-shrink:0}.phone-glow{position:absolute;inset:-50px;z-index:0;background:radial-gradient(ellipse at center,rgba(237,176,7,.32) 0%,rgba(6,89,177,.1) 45%,transparent 70%);filter:blur(40px);animation:phoneGlow 9s ease-in-out infinite alternate;pointer-events:none}@keyframes phoneGlow{0%{transform:scale(.92);opacity:.65}to{transform:scale(1.06);opacity:1}}.phone-frame{position:relative;width:100%;height:100%;background:linear-gradient(150deg,#1a1f2e,#060912);border-radius:44px;padding:14px;box-shadow:0 0 0 1px #ffffff14,0 30px 70px #0000008c,inset 0 0 0 2px #ffffff0a;z-index:1}.phone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:110px;height:22px;background:#050810;border-radius:0 0 18px 18px;z-index:3}.phone-screen{position:relative;width:100%;height:100%;background:#f7f8fa;border-radius:32px;overflow:hidden;z-index:2}.phone-statusbar{display:flex;justify-content:space-between;padding:10px 28px 0;font-size:11px;color:var(--ink);font-weight:600;font-family:var(--font-sans)}.phone-statusbar-right{display:flex;gap:4px;align-items:center}.phone-statusbar .dot{width:4px;height:4px;border-radius:50%;background:#0000002e}.phone-statusbar .dot.dot-on{background:var(--ink)}.phone-app{padding:32px 18px 18px;display:flex;flex-direction:column;gap:12px}.phone-app-greeting{font-size:11px;color:var(--ink-mute);margin:0 0 2px;font-family:var(--font-sans)}.phone-app-header h4{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);margin:0;letter-spacing:-.01em}.phone-route{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.phone-route-row{display:flex;gap:10px;align-items:flex-start}.route-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.route-dot-pickup{background:var(--brand);box-shadow:0 0 0 3px #0659b12e}.route-dot-drop{background:var(--accent);box-shadow:0 0 0 3px #edb00733}.phone-route-line{width:2px;height:14px;background:linear-gradient(to bottom,var(--brand),var(--accent));margin:2px 0 2px 4px}.route-label{font-size:9px;color:var(--ink-mute);margin:0 0 1px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-family:var(--font-sans)}.route-place{font-size:12px;color:var(--ink);font-weight:500;margin:0;font-family:var(--font-sans)}.phone-fare-card{background:linear-gradient(135deg,#0659b10f,#edb0071a);border:1px solid rgba(6,89,177,.12);border-radius:14px;padding:12px}.phone-fare-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.phone-fare-label{font-size:10px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-family:var(--font-sans)}.phone-fare-value{font-family:var(--font-display);font-size:22px;color:var(--ink);font-weight:700;letter-spacing:-.02em}.phone-fare-meta{display:flex;gap:10px;font-size:10px;color:var(--ink-soft);font-family:var(--font-sans)}.phone-fare-meta span{display:inline-flex;align-items:center;gap:3px}.phone-driver-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.phone-driver-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:var(--font-display)}.phone-driver-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.phone-driver-meta strong{font-size:12px;color:var(--ink);font-weight:600;font-family:var(--font-sans)}.phone-driver-rating{font-size:10px;color:var(--ink-mute);display:inline-flex;align-items:center;gap:3px;font-family:var(--font-sans)}.phone-driver-rating svg{color:var(--accent)}.phone-driver-status{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#16a34a;background:#16a34a1a;padding:4px 8px;border-radius:6px;font-family:var(--font-sans)}.phone-cta{background:var(--accent);color:#1a1a1a;border:none;border-radius:12px;padding:12px;font-family:var(--font-sans);font-size:13px;font-weight:700;margin-top:4px;cursor:default;pointer-events:none}.stats-strip{background:var(--bg-soft);padding:var(--s-8) 0;position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-strip:before,.stats-strip:after{content:"";position:absolute;top:0;bottom:0;width:clamp(60px,10vw,140px);z-index:2;pointer-events:none}.stats-strip:before{left:0;background:linear-gradient(to right,var(--bg-soft) 0%,transparent 100%)}.stats-strip:after{right:0;background:linear-gradient(to left,var(--bg-soft) 0%,transparent 100%)}.stats-marquee{position:relative}.stats-marquee-track{display:flex;gap:var(--s-5);width:-moz-max-content;width:max-content;animation:statsMarquee 50s linear infinite;will-change:transform}.stats-strip:hover .stats-marquee-track{animation-play-state:paused}@keyframes statsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.stats-marquee-track{animation:none}}.stats-marquee-card{display:flex;align-items:center;gap:var(--s-4);flex-shrink:0;width:320px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);box-shadow:var(--shadow-sm)}.stats-marquee-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-sm);background:#0659b114;color:var(--brand);flex-shrink:0}.stats-marquee-text{min-width:0}.stats-marquee-card h3{font-family:var(--font-display);font-size:var(--t-14);font-weight:600;margin:0 0 2px;color:var(--ink);letter-spacing:-.005em}.stats-marquee-card p{font-size:var(--t-12);color:var(--ink-mute);margin:0;line-height:1.4}@media (max-width: 540px){.stats-marquee-card{width:280px}}.footer-inner{max-width:var(--container-max);margin:0 auto}.footer-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr 2.2fr;gap:var(--s-10);margin-bottom:var(--s-12)}@media (max-width: 960px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 540px){.footer-grid{grid-template-columns:1fr;gap:var(--s-8)}}.footer-brand .footer-title{margin-bottom:var(--s-3)}.footer-map iframe{width:100%;height:280px;min-height:240px;border:0;border-radius:var(--r-md);display:block;filter:saturate(.9);box-shadow:0 0 0 1px #ffffff1a}.footer-brand .footer-tagline{margin-bottom:var(--s-6)}.footer-app-badges{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}.footer-app-badge{display:inline-flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);color:var(--white);text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease;min-width:200px}.footer-app-badge:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px)}.footer-app-badge.disabled{opacity:.55;cursor:not-allowed}.footer-app-badge.disabled:hover{background:#ffffff0f;border-color:#ffffff24;transform:none}.footer-app-badge svg{color:var(--accent);flex-shrink:0}.footer-app-badge>span{display:flex;flex-direction:column;line-height:1.1}.footer-app-badge small{font-size:var(--t-12);color:#fff9;letter-spacing:.02em}.footer-app-badge strong{font-family:var(--font-display);font-size:var(--t-16);font-weight:600;color:var(--white);margin-top:2px}.footer-nav h4,.footer-contact h4{font-family:var(--font-display);font-size:var(--t-14);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--s-4);font-weight:600}.footer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.footer-nav a{display:inline-flex;align-items:center;gap:var(--s-2);color:#ffffffb8;text-decoration:none;font-size:var(--t-14);transition:color .18s ease}.footer-nav a:hover{color:var(--white)}.footer-nav a svg{color:#ffffff4d;flex-shrink:0}.footer-nav a:hover svg{color:var(--accent)}.footer-contact p,.footer-contact a{display:flex;align-items:center;gap:var(--s-2);margin:var(--s-2) 0;color:#ffffffc7;font-size:var(--t-14);text-decoration:none;transition:color .18s ease}.footer-contact p svg,.footer-contact a svg{color:var(--accent);flex-shrink:0}.footer-contact a:hover{color:var(--white)}.footer-contact a:hover svg{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-12);border-top:1px solid rgba(255,255,255,.1);padding-top:var(--s-6);font-size:var(--t-14);color:#ffffff8c}@media (max-width: 540px){.footer-bottom{justify-content:center;text-align:center}}.how-it-works{background:var(--bg-soft)}.howitworks-stepper{list-style:none;margin:0 0 var(--s-12);padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-6);position:relative;counter-reset:step}@media (max-width: 1100px){.howitworks-stepper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.howitworks-stepper{grid-template-columns:1fr}}.step-card{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-8) var(--s-6) var(--s-6);display:flex;flex-direction:column;gap:var(--s-3);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;min-height:280px}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#0659b140}.step-card:not(:last-child):after{content:"";position:absolute;top:44px;right:calc(var(--s-6) * -1);width:var(--s-6);height:1px;background:linear-gradient(to right,var(--line),transparent 50%,var(--line) 50%);background-size:8px 1px;background-repeat:repeat-x;z-index:0}@media (max-width: 1100px){.step-card:not(:last-child):after{display:none}}.step-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-2)}.step-card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-md);background:#0659b114;color:var(--brand);flex-shrink:0;transition:background .2s ease,color .2s ease}.step-card:hover .step-card-icon{background:var(--brand);color:var(--white)}.step-card-num{font-family:var(--font-display);font-size:clamp(var(--t-24),3vw + .5rem,var(--t-36));font-weight:700;color:var(--line);line-height:1;letter-spacing:-.03em;transition:color .22s ease}.step-card:hover .step-card-num{color:var(--accent)}.step-card h3{font-size:var(--t-18);margin:0;letter-spacing:-.01em}.step-card p{color:var(--ink-soft);font-size:var(--t-14);line-height:1.65;margin:0;flex:1}.step-card-tag{display:inline-flex;align-items:center;align-self:flex-start;padding:5px 10px;background:#0659b10f;color:var(--brand);border-radius:var(--r-pill);font-size:var(--t-12);font-weight:600;border:1px solid rgba(6,89,177,.18);margin-top:var(--s-2);font-family:var(--font-sans);letter-spacing:.02em}.howitworks-cta{background:linear-gradient(135deg,var(--brand) 0%,var(--bg-deep) 100%);color:var(--white);padding:var(--s-12) var(--s-8);border-radius:var(--r-lg);text-align:center;margin-top:var(--s-12);box-shadow:var(--shadow-md)}.howitworks-cta h3{color:var(--white);font-family:var(--font-display);font-size:clamp(var(--t-24),2.5vw + 1rem,var(--t-30));margin-bottom:var(--s-3)}.howitworks-cta p{color:#ffffffd9;font-size:var(--t-18);margin-bottom:var(--s-6)}.privacy-page{background:var(--light-gray);min-height:calc(100vh - 70px);padding:3rem 1.5rem}.privacy-container{max-width:820px;margin:0 auto;background:var(--white);padding:3rem 2.5rem;border-radius:12px;box-shadow:0 4px 20px #0659b114;color:var(--dark-gray);line-height:1.7}.privacy-header{border-bottom:3px solid var(--gold);padding-bottom:1.25rem;margin-bottom:2rem}.privacy-container h1{color:var(--primary-blue);font-family:Poppins,sans-serif;font-size:2rem;margin-bottom:.5rem}.privacy-subtitle{color:var(--gray);font-size:1.05rem;margin-bottom:.75rem}.privacy-effective{color:var(--dark-gray);font-size:.95rem}.privacy-container h2{color:var(--primary-blue);font-family:Poppins,sans-serif;font-size:1.4rem;margin-top:2.25rem;margin-bottom:.85rem;padding-bottom:.3rem;border-bottom:1px solid rgba(6,89,177,.15)}.privacy-container h3{color:var(--primary-red);font-family:Poppins,sans-serif;font-size:1.1rem;margin-top:1.4rem;margin-bottom:.6rem}.privacy-container p{margin-bottom:1rem}.privacy-container ul{margin:0 0 1.2rem 1.3rem;padding-left:.5rem}.privacy-container li{margin-bottom:.5rem}.privacy-container a{color:var(--primary-blue);text-decoration:underline;word-break:break-word}.privacy-container a:hover{color:var(--gold)}.privacy-callout{background:#fff7dc;border-left:4px solid var(--gold);border-radius:6px;padding:1.1rem 1.25rem;margin:1.25rem 0 1.5rem}.privacy-callout-title{color:#a9780a;margin-bottom:.6rem!important;font-size:1.02rem}.privacy-callout p{margin-bottom:0}.privacy-copyright{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.08);color:var(--gray);font-size:.9rem;text-align:center}@media (max-width: 640px){.privacy-page{padding:1.5rem .75rem}.privacy-container{padding:1.75rem 1.25rem}.privacy-container h1{font-size:1.55rem}.privacy-container h2{font-size:1.2rem}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-grid input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-grid input:focus{outline:none;border-color:#0659b1;box-shadow:0 0 0 3px #0659b11a}.form-buttons{display:flex;gap:1rem;justify-content:space-between}.submit-btn,.back-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn{background:#0659b1;color:#fff}.submit-btn:hover{background:#054a94;transform:translateY(-1px)}.back-btn{background:#6b7280;color:#fff}.back-btn:hover{background:#4b5563}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-buttons{flex-direction:column}}.login-container{min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 8px 30px #0000001a;max-width:400px;width:100%;text-align:center}.login-card h2{color:#0659b1;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-card p{color:#64748b;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease}.login-input:focus{outline:none;border-color:#0659b1;box-shadow:0 0 0 4px #0659b11a}.login-btn{background:linear-gradient(135deg,#edb007,#d4a006);color:#2c3e50;border:none;padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #edb00766}.auth-switch{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;text-align:center}.auth-switch p{color:#64748b;margin:0}.switch-btn{background:none;border:none;color:#0659b1;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .3s ease}.switch-btn:hover{color:#054a94}.referral-container{min-height:100vh;background:linear-gradient(135deg,#0659b1,#4a90e2,#74b9ff);padding:1.5rem;position:relative}.referral-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;pointer-events:none}.referral-header{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #00000026;border:1px solid rgba(255,255,255,.2);text-align:center}.referral-header h1{color:#0659b1;font-size:2.2rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(6,89,177,.1)}.referral-header p{color:#64748b;font-size:1rem;margin-bottom:0}.referral-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.referral-stat-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;box-shadow:0 8px 30px #0000001f;text-align:center;transition:all .3s ease;border-left:4px solid #edb007;border:1px solid rgba(255,255,255,.2)}.referral-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.referral-stat-card .stat-icon{font-size:2.5rem;margin-bottom:1rem}.referral-stat-card .stat-value{font-size:2rem;font-weight:800;color:#0659b1;margin-bottom:.5rem}.referral-stat-card .stat-label{color:#64748b;font-weight:600}.referral-main-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;box-shadow:0 10px 40px #00000026;overflow:hidden;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.referral-tabs{display:flex;border-bottom:2px solid #f1f5f9}.referral-tab{flex:1;padding:1.5rem 2rem;border:none;background:transparent;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.referral-tab.active{color:#0659b1;border-bottom-color:#0659b1;background:linear-gradient(135deg,#0659b10d,#0659b105)}.referral-tab:hover:not(.active){background:#f8fafc;color:#475569}.referral-bonus-info{background:linear-gradient(135deg,#edb0071a,#edb0070d);border-left:4px solid #edb007;padding:1.5rem;margin:1.5rem;border-radius:12px;border:1px solid rgba(237,176,7,.2)}.referral-bonus-info h3{color:#edb007;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.referral-bonus-info p{color:#b8900a;margin:0;font-weight:600}.referral-content{padding:2rem}.referral-form-container{max-width:800px;margin:0 auto}.referral-form-title{color:#0659b1;font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-align:center}.referral-form-subtitle{color:#64748b;text-align:center;margin-bottom:2rem;font-size:1.1rem}.referral-form{display:grid;gap:2rem}.referral-form-section{background:#f8fafccc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1.5rem;border-radius:12px;border:1px solid rgba(226,232,240,.5)}.referral-form-section h3{color:#374151;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.referral-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.referral-form-group{display:flex;flex-direction:column}.referral-form-label{color:#374151;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.referral-form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.referral-form-input:focus{outline:none;border-color:#0659b1;box-shadow:0 0 0 3px #0659b11a}.referral-submit-btn{background:linear-gradient(135deg,#edb007,#d4a006);color:#2c3e50;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.referral-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #edb00766;background:linear-gradient(135deg,#d4a006,#b8900a)}.referral-dashboard{max-width:1000px;margin:0 auto}.referral-dashboard-title{color:#0659b1;font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-align:center}.referral-dashboard-subtitle{color:#64748b;text-align:center;margin-bottom:2rem;font-size:1.1rem}.referral-table-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #0000001a;border:1px solid rgba(255,255,255,.2)}.referral-table{width:100%;border-collapse:collapse}.referral-table th{background:#f8fafc;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#0659b1;font-size:.9rem;border-bottom:2px solid #e5e7eb}.referral-table td{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;color:#374151}.referral-table tr:hover{background:#f8fafc}.referral-status-badge{padding:.4rem .8rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase}.referral-empty-state{text-align:center;padding:4rem 2rem}.referral-empty-icon{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.referral-empty-title{color:#6b7280;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.referral-empty-text{color:#9ca3af}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.header-buttons{display:flex;gap:.75rem;align-items:center}.refresh-btn{background:linear-gradient(135deg,#0659b1,#4a90e2);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0659b14d}.refresh-btn:hover{background:linear-gradient(135deg,#054a94,#3a7bc8);transform:translateY(-2px);box-shadow:0 6px 20px #0659b166}@media (max-width: 768px){.referral-container{padding:1rem}.referral-form-grid{grid-template-columns:1fr}.referral-tabs{flex-direction:column}.referral-content{padding:1rem}.referral-header .flex{flex-direction:column;align-items:center;text-align:center}}.admin-login-container{min-height:100vh;background:linear-gradient(135deg,#0659b1,#4a90e2);display:flex;align-items:center;justify-content:center;padding:2rem}.admin-login-card{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 8px 30px #0003;max-width:400px;width:100%;text-align:center}.admin-login-card h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-login-card p{color:#64748b;margin-bottom:2rem}.admin-login-form{display:flex;flex-direction:column;gap:1rem}.admin-login-input{padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease}.admin-login-input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 4px #1f29371a}.admin-login-btn{background:linear-gradient(135deg,#0659b1,#4a90e2);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.admin-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0659b166}.admin-container{min-height:100vh;background:linear-gradient(135deg,#0659b1,#4a90e2,#74b9ff);padding:1rem;position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.max-w-7xl{max-width:1280px;margin:0 auto}.admin-header{position:relative;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 30px #00000026;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center}.admin-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-title-section{flex:1}.admin-title-section h1{color:#0659b1;font-size:2.2rem;font-weight:800;margin-bottom:.3rem;text-shadow:0 2px 4px rgba(6,89,177,.1);text-align:center}.admin-title-section p{color:#64748b;font-size:1rem;font-weight:500;margin:0;text-align:left}.admin-logout-btn{position:absolute;top:1.5rem;right:1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.5rem 1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.admin-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.referral-type-toggle{display:flex;gap:10px;margin-bottom:1rem}.referral-type-toggle button{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);background:#ffffffe6;cursor:pointer;border-radius:12px;font-weight:600;transition:all .3s ease}.referral-type-toggle button.active{background:linear-gradient(135deg,#0659b1,#0ea5e9);color:#fff;box-shadow:0 4px 15px #0659b14d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.stat-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;border-left:4px solid #edb007;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.stat-card h3{color:#64748b;font-size:.85rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-card .stat-number{color:#0f172a;font-size:2rem;font-weight:800}.filter-buttons{display:flex;gap:.75rem;margin-bottom:1rem}.filter-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:#6b7280;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn.active{background:linear-gradient(135deg,#0659b1,#0ea5e9);border-color:#0659b1;color:#fff;box-shadow:0 4px 15px #0659b14d}.admin-table-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;border:1px solid rgba(255,255,255,.2);margin-bottom:1rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.25rem;text-align:left;font-weight:600;color:#374151;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.admin-table td{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:top;background-color:#f5f5f5}.admin-table tr:hover{background:#f8fafc}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#1f2937}.user-contact{color:#6b7280;font-size:.85rem}.user-id{color:#0659b1;font-weight:500;background:#eff6ff;padding:.2rem .5rem;border-radius:4px;display:inline-block;margin-top:.25rem}.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-btn{padding:.4rem .8rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-approve{background:#10b981;color:#fff}.action-approve:hover{background:#059669;transform:translateY(-1px)}.action-reject{background:#ef4444;color:#fff}.action-reject:hover{background:#dc2626;transform:translateY(-1px)}.action-delete{background:#f97316;color:#fff}.action-delete:hover{background:#ea580c;transform:translateY(-1px)}.app-passenger{background:#dbeafe!important}.app-driver{background:#d1fae5!important}.admin-footer{text-align:center;padding:2rem;margin-top:2rem;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);width:100vw;margin-left:calc(-50vw + 50%)}.admin-footer p{color:#94a3b8;margin:0;font-size:.9rem}.action-btns-vertical{display:flex;flex-direction:column;gap:.5rem}.approvedbtn{background-color:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.approvedbtn:hover{background-color:#059669}.rejectedbtn{background-color:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.rejectedbtn:hover{background-color:#dc2626}.deletebtn{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.deletebtn:hover{background-color:#2563eb}.passenger-top-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:1.5rem;flex-wrap:wrap}.passenger-stats-wrapper{display:flex;justify-content:center}.stat-card.passenger{max-width:300px;min-width:220px;border-left:4px solid #3b82f6;background:#fffffff2;box-shadow:0 4px 20px #0000001a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.stat-card.passenger .stat-number{color:#1e40af;font-size:2rem;font-weight:700;text-align:center}.search-boxes{display:flex;gap:12px}.search-boxes input{padding:10px 12px;font-size:14px;border-radius:8px;border:1px solid #d1d5db;min-width:160px}.qr-page{min-height:100vh;background:linear-gradient(135deg,#0659b1,#003e87);display:flex;align-items:center;justify-content:center;padding:16px}.qr-card{background:#fff;width:100%;max-width:420px;padding:24px;border-radius:16px;box-shadow:0 20px 35px #00000026}.qr-card h2{margin:0 0 8px;color:#0659b1;font-size:22px;text-align:center}.subtitle{font-size:14px;color:#555;text-align:center;margin-bottom:20px}.message{text-align:center;font-size:14px;margin-bottom:12px;padding:10px;border-radius:8px}.message.success{background:#e6f6ed;color:#137333}.message.error{background:#fdecea;color:#b00020}form{display:flex;flex-direction:column;gap:14px}label{font-size:13px;color:#444;display:flex;flex-direction:column;gap:6px}input{padding:12px;border-radius:10px;border:1px solid #ccc;font-size:14px;transition:border .2s,box-shadow .2s}input:focus{outline:none;border-color:#0659b1;box-shadow:0 0 0 3px #0659b133}button{margin-top:8px;padding:14px;background:#0659b1;color:#fff;font-size:15px;border:none;border-radius:12px;cursor:pointer;transition:background .2s,transform .1s}button:hover{background:#054a91}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}.referral-registration-container{max-width:400px;margin:50px auto;padding:30px 20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;font-family:Arial,sans-serif}.referral-registration-container h2{margin-bottom:8px;font-size:1.8rem;color:#333}.referral-registration-container p{margin-bottom:20px;font-size:.95rem;color:#555}.error-message{color:#d9534f;margin-bottom:15px;font-weight:700}.success-message{color:#28a745;margin-bottom:15px;font-weight:700}.referral-registration-form{display:flex;flex-direction:column;gap:12px}.referral-registration-form input{width:100%;padding:12px;box-sizing:border-box}.referral-registration-form input:focus{border-color:#4a90e2}.referral-registration-form button{padding:12px 15px;font-size:1rem;border:none;border-radius:8px;background-color:#4a90e2;color:#fff;font-weight:700;cursor:pointer;transition:background-color .2s}.referral-registration-form button:hover:not(:disabled){background-color:#357ab8}.referral-registration-form button:disabled{background-color:#a0c4f2;cursor:not-allowed}@media (max-width: 480px){.referral-registration-container{margin:20px;padding:25px 15px}}
