:root{--bg-color:#0d0f12;--text-primary:#fff;--text-secondary:#94a3b8;--accent-primary:#ff4d4d;--accent-secondary:#ff8533;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--font-main:"Outfit",sans-serif}b,h1,h2,h3,h4,h5,h6,strong{font-weight:700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;scroll-behavior:smooth;line-height:1.6}.background-effects{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 10s ease-in-out infinite alternate}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--accent-primary),transparent 70%);top:-100px;left:-100px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--accent-secondary),transparent 70%);bottom:-150px;right:-150px;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.1)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem}.btn{display:inline-block;padding:12px 24px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 4px 15px rgba(255,77,77,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,77,77,.5)}.btn-secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid var(--glass-border)}.btn-secondary:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.highlight{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;width:100%;top:0;z-index:100;background:rgba(13,15,18,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border)}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo span{color:var(--accent-primary)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--accent-primary)}.hero{display:flex;align-items:center;justify-content:space-between;min-height:100vh;padding:6rem 5% 2rem;gap:4rem}.hero-content{flex:1;max-width:600px}.badge{display:inline-block;padding:8px 16px;background:rgba(255,133,51,.1);border:1px solid rgba(255,133,51,.3);color:var(--accent-secondary);border-radius:50px;font-size:.9rem;font-weight:600}.badge,.hero h1{margin-bottom:1.5rem}.hero h1{font-size:4rem;line-height:1.1;font-weight:700;letter-spacing:-1px}.hero p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1rem}.hero-image{flex:1;position:relative;display:flex;justify-content:center}.mockup{width:100%;max-width:400px;padding:0;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.mockup:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.mockup-header{background:rgba(0,0,0,.3);padding:12px;display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.mockup-body{padding:2rem;background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,0));min-height:300px}.tracking-demo .route{display:flex;flex-direction:column;gap:1rem}.node{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid var(--glass-border)}.node.active{border-color:var(--accent-primary);background:rgba(255,77,77,.05)}.node .icon{font-size:1.5rem;background:hsla(0,0%,100%,.1);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%}.node.active .icon{background:rgba(255,77,77,.2)}.node .info{display:flex;flex-direction:column}.node .info strong{font-size:1rem}.node .info span{font-size:.8rem;color:var(--text-secondary)}.line{width:2px;height:30px;background:var(--glass-border);margin-left:40px}section{padding:6rem 5%}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header p{color:var(--text-secondary);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem 2rem;text-align:center;transition:transform .3s ease,background .3s ease}.feature-card:hover{transform:translateY(-10px);background:hsla(0,0%,100%,.08)}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block;padding:1rem;background:rgba(255,77,77,.1);border-radius:50%}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary)}.steps-container{display:flex;justify-content:space-between;align-items:flex-start;max-width:900px;margin:0 auto;position:relative}.step{flex:1;text-align:center;position:relative;z-index:2}.step-number{width:60px;height:60px;background:var(--accent-primary);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 0 20px rgba(255,77,77,.4)}.step h3{margin-bottom:.5rem}.step p{color:var(--text-secondary);font-size:.9rem}.step-line{flex:0 0 100px;height:2px;background:var(--glass-border);margin-top:30px}.pricing{display:flex;justify-content:center}.pricing-card{width:100%;max-width:600px}.pricing-card h2{text-align:center;margin-bottom:2rem}.pricing-list{list-style:none;margin-bottom:2rem}.pricing-list li{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--glass-border)}.pricing-list li:last-child{border-bottom:none}.pricing-list span{color:var(--text-secondary)}.pricing-total{display:flex;justify-content:space-between;padding:1.5rem;background:rgba(255,77,77,.1);border-radius:12px;border:1px solid rgba(255,77,77,.3);font-size:1.2rem}.pricing-total strong{color:var(--accent-primary)}.cta-content{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,hsla(0,0%,100%,.05),rgba(255,77,77,.1))}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,77,.4)}70%{box-shadow:0 0 0 20px rgba(255,77,77,0)}to{box-shadow:0 0 0 0 rgba(255,77,77,0)}}.order-section{position:relative;z-index:10}.order-container{padding:2rem;min-height:400px}.driver-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.driver-card{background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.driver-card:not(.disabled):hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 10px 20px rgba(255,77,77,.1)}.driver-card.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(100%)}.driver-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.driver-info h4{font-size:1.2rem;margin-bottom:.2rem}.rating{color:#ffbd2e;font-size:.9rem;font-weight:700}.status-badge{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.ready{background:rgba(39,201,63,.2);color:#27c93f}.status-badge.busy{background:rgba(255,95,86,.2);color:#ff5f56}.driver-details p{color:var(--text-secondary);font-size:.95rem;margin-bottom:.5rem}.slot-bar{height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;margin:1rem 0 .5rem;overflow:hidden}.slot-progress{height:100%;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));border-radius:4px;transition:width .3s ease}.slot-text{font-size:.8rem!important;text-align:right}.w-full{width:100%}.mt-4{margin-top:1rem}.menu-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.btn-back{background:transparent;color:var(--text-secondary);border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:color .3s ease}.btn-back:hover{color:#fff}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.menu-card{background:hsla(0,0%,100%,.02);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column}.menu-icon{font-size:3rem;margin-bottom:1rem}.menu-details{flex:1}.menu-details h4{font-size:1.2rem;margin-bottom:.5rem}.menu-details p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.menu-details .price{color:var(--accent-primary);font-size:1.2rem;display:block;margin-bottom:1rem}.menu-actions{display:flex;justify-content:flex-end}.btn-add{background:rgba(255,77,77,.1);color:var(--accent-primary);border:1px solid var(--accent-primary);padding:8px 16px;border-radius:50px;cursor:pointer;font-weight:700;transition:all .3s ease}.btn-add:hover{background:var(--accent-primary);color:#fff}.qty-controls{gap:1rem;background:hsla(0,0%,100%,.05);padding:4px 8px;border-radius:50px;border:1px solid var(--glass-border)}.btn-qty,.qty-controls{display:flex;align-items:center}.btn-qty{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;width:24px;height:24px;justify-content:center;border-radius:50%}.btn-qty:hover{background:hsla(0,0%,100%,.1)}.floating-cart{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:rgba(13,15,18,.9);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:1rem 2rem;border-radius:50px;display:flex;align-items:center;gap:2rem;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:100;cursor:pointer}.cart-info{display:flex;flex-direction:column}.cart-count{font-size:.8rem;color:var(--text-secondary)}.cart-total{font-weight:700;font-size:1.2rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:var(--bg-color);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--glass-border);padding-bottom:1rem}.btn-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer}.btn-close:hover{color:#fff}.summary-list{list-style:none;margin-bottom:1rem}.summary-list li{display:flex;justify-content:space-between;padding:.5rem 0;color:var(--text-secondary)}.summary-fees{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:1rem 0;margin-bottom:1rem}.fee-row{padding:.2rem 0;font-size:.9rem;color:var(--text-secondary)}.fee-row,.summary-total{display:flex;justify-content:space-between}.summary-total{font-size:1.2rem;margin-bottom:2rem;color:var(--accent-primary)}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.form-group input,.form-group textarea{width:100%;background:hsla(0,0%,100%,.05);border:1px solid var(--glass-border);padding:12px;border-radius:8px;color:#fff;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary)}.btn-block{width:100%;margin-top:1rem}@keyframes bounceIn{0%{transform:translate(-50%,100px);opacity:0}60%{transform:translate(-50%,-10px);opacity:1}to{transform:translate(-50%);opacity:1}}.bounce-in{animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}footer{padding:2rem 5%;text-align:center;border-top:1px solid var(--glass-border);background:rgba(0,0,0,.2)}.footer-logo{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.footer-logo span{color:var(--accent-primary)}footer p{color:var(--text-secondary);font-size:.9rem}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}@media (max-width:768px){.hero{flex-direction:column;text-align:center;padding-top:8rem}.hero h1{font-size:2.8rem}.hero-buttons{justify-content:center}.nav-links{display:none}.steps-container{flex-direction:column;align-items:center;gap:2rem}.step-line{width:2px;height:50px;margin:0;flex:none}}