.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--off-white);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center;max-width:300px}.truck-animation{margin-bottom:30px}.truck-icon{font-size:4rem;color:var(--primary-green);animation:truck-move 2s ease-in-out infinite}@keyframes truck-move{0%,to{transform:translate(-20px)}50%{transform:translate(20px)}}.loading-text{margin-bottom:30px}.loading-text h2{font-size:1.8rem;color:var(--dark-gray);margin-bottom:10px;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-text p{color:var(--dark-gray);opacity:.8;font-size:1rem}.loading-dots{display:flex;justify-content:center;gap:8px}.loading-dots .dot{width:12px;height:12px;background-color:var(--primary-blue);border-radius:50%;animation:loading-pulse 1.4s infinite ease-in-out}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes loading-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}@media (max-width: 576px){.truck-icon{font-size:3rem}.loading-text h2{font-size:1.5rem}.loading-text p{font-size:.9rem}}.not-found-page{min-height:100vh;background:linear-gradient(135deg,#27ae601a,#2980b91a);display:flex;align-items:center;justify-content:center;padding:20px 0}.not-found-content{text-align:center;max-width:600px;background-color:var(--white);padding:60px 40px;border-radius:15px;box-shadow:0 15px 35px #0000001a}.not-found-icon{font-size:5rem;color:var(--primary-green);margin-bottom:30px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.not-found-text h1{font-size:6rem;font-weight:700;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;line-height:1}.not-found-text h2{font-size:2rem;color:var(--dark-gray);margin-bottom:20px}.not-found-text p{color:var(--dark-gray);font-size:1.1rem;line-height:1.6;margin-bottom:15px;opacity:.9}.not-found-actions{display:flex;justify-content:center;gap:15px;margin:40px 0}.not-found-actions .btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.not-found-actions .btn-primary{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:var(--white);box-shadow:0 5px 15px #2980b94d}.not-found-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2980b966}.not-found-actions .btn-secondary{background-color:var(--white);color:var(--dark-gray);border:2px solid var(--medium-gray)}.not-found-actions .btn-secondary:hover{background-color:var(--light-gray);transform:translateY(-3px)}.not-found-links{margin-top:40px;padding-top:30px;border-top:1px solid var(--light-gray)}.not-found-links h3{font-size:1.3rem;color:var(--dark-gray);margin-bottom:20px}.not-found-links ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.not-found-links li{margin:5px 0}.not-found-links a{color:var(--primary-blue);text-decoration:none;font-weight:500;transition:all .3s ease;padding:5px 10px;border-radius:5px}.not-found-links a:hover{color:var(--primary-green);background-color:#27ae601a}@media (max-width: 767px){.not-found-content{padding:40px 30px;margin:0 20px}.not-found-icon,.not-found-text h1{font-size:4rem}.not-found-text h2{font-size:1.5rem}.not-found-actions{flex-direction:column;align-items:center}.not-found-actions .btn{width:100%;max-width:200px;justify-content:center}.not-found-links ul{flex-direction:column;gap:10px}}@media (max-width: 576px){.not-found-content{padding:30px 20px}.not-found-text p{font-size:1rem}}:root{--primary-green: #27ae60;--primary-blue: #2980b9;--light-green: #a9dfbf;--light-blue: #aed6f1;--dark-green: #1e8449;--dark-blue: #1f618d;--white: #ffffff;--off-white: #f8f9fa;--light-gray: #e9ecef;--medium-gray: #ced4da;--dark-gray: #343a40;--black: #212529;--shadow: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--dark-gray);background-color:var(--off-white);overflow-x:hidden}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 20px}a{text-decoration:none;color:var(--primary-blue);transition:color .3s ease}a:hover{color:var(--dark-blue)}.btn{display:inline-block;padding:12px 24px;border-radius:50px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem;min-height:44px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:var(--white);box-shadow:0 4px 15px var(--shadow)}.btn-primary:hover{background:linear-gradient(135deg,var(--dark-green),var(--dark-blue));transform:translateY(-2px);box-shadow:0 6px 18px var(--shadow)}.btn-secondary{background-color:var(--white);color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background-color:var(--light-blue);transform:translateY(-2px)}.section-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;position:relative;color:var(--dark-gray)}.section-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(to right,var(--primary-green),var(--primary-blue));margin:15px auto 0;border-radius:2px}.highlight{color:var(--primary-green);font-weight:700}section{padding:100px 0;position:relative}section:nth-child(2n){background-color:var(--white)}section:nth-child(odd){background-color:var(--off-white)}@media (max-width: 991px){.section-title{font-size:2rem}.btn{padding:10px 20px}}@media (max-width: 767px){section{padding:70px 0}.section-title{font-size:1.8rem}}@media (max-width: 576px){.btn{padding:12px 20px;font-size:.95rem;min-height:44px}}.main-content{padding-top:80px}@media (max-width: 480px){.btn-primary,.btn.full-width-mobile{width:100%;max-width:100%;display:block;padding:14px 20px;font-size:1rem;min-height:48px;box-sizing:border-box}.main-content{padding-top:70px}.login__form .btn,.vehicle-form .btn,form .btn-primary{width:100%;min-height:48px}}