@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:#007bff}a:hover{text-decoration:underline}header{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;box-shadow:0 2px 10px #0000001a;height:40px}.header-logo{max-height:200px;width:auto}nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}nav ul li a{font-weight:500;color:#333}.cta-button{background-color:#007bff;color:#fff;padding:10px 20px;border-radius:5px;font-weight:600}.cta-button:hover{background-color:#0056b3}.hero{background-image:url(/images/delivery-van.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:100px 20px;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:48px;margin-bottom:20px}.hero-content p{font-size:20px;margin-bottom:30px}.hero-image{max-width:500px;border-radius:10px;box-shadow:0 4px 10px #0000001a}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:20px;margin-bottom:30px}.tracking-form{display:flex;justify-content:center;gap:10px;max-width:600px;margin:0 auto}.tracking-form input{width:70%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.tracking-form button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}.tracking-form button:hover{background-color:#0056b3}#trackingResult{margin-top:20px;font-size:16px;color:#fff}.action-buttons{display:flex;justify-content:center;gap:20px;padding:40px 20px;background-color:#fff}.action-button{background-color:#007bff;color:#fff;padding:20px 40px;border-radius:10px;font-size:18px;font-weight:600;text-align:center;text-decoration:none;transition:background-color .3s ease;display:flex;align-items:center;gap:10px}.action-button:hover{background-color:#0056b3}.action-button i{font-size:20px}.features{padding:60px 20px;text-align:center;background-color:#fff}.features h2{font-size:36px;margin-bottom:40px}.feature-cards{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.card{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;width:300px;text-align:center}.card h3{font-size:24px;margin-bottom:15px}.card p{font-size:16px;color:#666}.testimonials{padding:60px 20px;text-align:center;background-color:#fff}.testimonials h2{font-size:36px;margin-bottom:40px}.testimonial-cards{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.testimonial{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;width:300px;text-align:center}.testimonial p{font-size:16px;color:#666}footer{background-color:#e0e0e0;color:#333;padding:40px 20px;text-align:center}.footer-content{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;margin-bottom:20px}.footer-section h4{font-size:20px;margin-bottom:10px}.footer-section p{margin:5px 0}.social-links{list-style:none;padding:0}.social-links li{margin:10px 0}.social-links li a{color:#333}.footer-bottom{margin-top:20px;font-size:14px;color:#555}body{font-family:Inter,sans-serif;margin:0;padding:0;color:#333;line-height:1.6;background-color:#f9f9f9}.order-form-container{max-width:600px;margin:50px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.write-up{background-image:url(/images/order-background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:80px;padding:100px 20px;text-align:center;position:relative;color:#fff}.write-up:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1}.write-up-content{position:relative;z-index:2}.write-up h1{font-size:48px;margin-bottom:20px}.write-up p{font-size:20px;max-width:800px;margin:0 auto}.step-indicator{max-width:600px;display:flex;justify-content:space-between;margin:50px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.step-indicator div{flex:1;text-align:center;padding:10px;background-color:#f0f0f0;border-radius:4px;font-weight:500}.step-indicator .active{background-color:#007bff;color:#fff}.form-step{margin-bottom:20px}.form-step label{display:block;margin-bottom:5px;font-weight:700}.form-step input,.form-step textarea{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px}form{max-width:600px;display:flex;flex-direction:column;margin:50px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}form label{font-weight:600;margin-bottom:5px}form input,form textarea,form select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px}.button-group{display:flex;justify-content:space-between;margin-top:20px}.button-group button{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button-group button:hover{background-color:#0056b3}.button-group button:disabled{background-color:#ccc;cursor:not-allowed}.button-group:has(button:last-child:only-child){justify-content:flex-end}.dashboard-container{width:90%;max-width:1000px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.dashboard-container h1{text-align:center;margin-bottom:20px}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:10px;border:1px solid #ddd;text-align:left}.orders-table th{background:#f2f2f2}.error{color:red;text-align:center}.login-container{width:100%;max-width:400px;margin:80px auto;padding:20px;background:#fff;box-shadow:0 0 10px #0000001a;border-radius:10px;text-align:center}h2{margin-bottom:10px;color:#333}p{color:#666}.error{color:red;background:#ffe5e5;padding:8px;border-radius:5px;margin-bottom:10px}.login-form{display:flex;flex-direction:column;gap:10px}input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}button{background:#007bff;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:16px}button:hover{background:#0056b3}button:disabled{background:#ccc;cursor:not-allowed}.hint{margin-top:10px;font-size:14px;color:#888}
