html{margin-left:0!important}body{background-color:#f5f5f5}.btn-menu-table{background-color:#2c4a60;border-radius:4px;color:#c6d7e5;cursor:pointer;height:auto;max-width:20%;min-width:20%;padding:1px;transition:all .3s;width:auto}.btn-menu-table:hover{background-color:#c6d7e5;color:#2c4a60}.login-page{align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;height:100vh;justify-content:center;overflow:hidden}.landscape{border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.4);height:550px;overflow:hidden;position:relative;width:900px}.background-landscape{background-size:cover;height:100%;position:absolute;width:100%}.mountain{border-bottom:180px solid #2c3e50;border-left:120px solid transparent;border-right:120px solid transparent;bottom:100px;height:0;opacity:.2;position:absolute;width:0}.mountain1{left:50px}.mountain2{border-bottom:150px solid #34495e;left:250px;opacity:.3}.mountain3{border-bottom:200px solid #2c3e50;left:450px;opacity:.25}.mountain4{border-bottom:160px solid #34495e;left:650px;opacity:.3}.cloud{animation:cloudMove 30s linear infinite;background:hsla(0,0%,100%,.7);border-radius:50%;position:absolute}.cloud1{animation-duration:35s;height:50px;left:-100px;top:50px;width:100px}.cloud2{animation-delay:5s;animation-duration:40s;height:60px;left:-150px;top:100px;width:120px}.cloud3{animation-delay:10s;animation-duration:45s;height:45px;left:-200px;top:150px;width:90px}.truck{animation:driveLoop 6s linear infinite;bottom:70px;height:120px;left:-300px;position:absolute;width:260px;z-index:10}.truck-box{background:#e74c3c;border-radius:6px;height:90px;left:0;position:absolute;top:10px;width:160px}.truck-cabin{background:#c0392b;border-radius:5px 15px 5px 5px;height:80px;position:absolute;right:0;top:20px;width:100px}.truck-window{background:#aed6f1;border-radius:3px;box-shadow:inset 0 0 8px rgba(0,0,0,.2);height:30px;left:10px;position:absolute;top:10px;width:70px}.truck-light{background:#ffeb3b;bottom:20px;box-shadow:0 0 15px #ffeb3b;height:15px;right:-10px;width:15px}.truck-light,.truck-wheel{border-radius:50%;position:absolute}.truck-wheel{animation:wheelSpin 1s linear infinite;background:#333;border:5px solid #555;bottom:-15px;height:40px;width:40px}.truck-wheel.front{left:40px}.truck-wheel.back{right:30px}.truck-exhaust{background:#555;border-radius:3px;bottom:60px;height:25px;left:-10px;position:absolute;width:8px}.package{align-items:center;animation:dropPackage 6s linear infinite;border-radius:6px;display:flex;font-size:20px;height:40px;justify-content:center;left:20px;opacity:0;position:absolute;top:40px;width:40px}.road{background:#444;background:repeating-linear-gradient(90deg,#444,#444 20px,#555 0,#555 40px);bottom:0;height:100px}.road,.road-line{position:absolute;width:100%}.road-line{animation:roadMove 1s linear infinite;background:repeating-linear-gradient(90deg,transparent,transparent 20px,#ffeb3b 0,#ffeb3b 40px);height:8px;top:50%}.login-container{animation:revealLogin 1.2s 3s forwards;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.2);left:50%;opacity:0;padding:35px;position:absolute;top:50%;transform:translate(-50%,-50%);width:380px;z-index:20}.logo-login{margin-bottom:25px;text-align:center}.logo-login h1{color:#2c3e50;font-size:32px;font-weight:700;letter-spacing:1px}.logo-login span{color:#555094}.truck-icon{align-items:center;animation:iconPulse 2s infinite;background:#555094;border-radius:50%;box-shadow:0 5px 15px rgba(231,76,60,.4);color:#fff;display:flex;font-size:35px;height:70px;justify-content:center;margin:0 auto 15px;width:70px}.form-group{margin-bottom:20px;position:relative}.form-group label{color:#34495e;display:block;font-weight:600;margin-bottom:8px}.form-group input{background:hsla(0,0%,100%,.8);border:2px solid #ddd;border-radius:12px;font-size:16px;padding:16px;transition:all .3s;width:100%}.form-group input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 15px rgba(52,152,219,.3);outline:none}.btn-login{background:linear-gradient(90deg,#555094,#302b63);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s;width:100%}.btn-login,.btn-login:hover{box-shadow:0 8px 20px rgba(91,60,231,.5)}.btn-login:hover{transform:translateY(-3px)}.warehouse{background:#2c3e50;border:6px solid #34495e;border-radius:10px;bottom:50px;height:200px;overflow:hidden;position:absolute;right:-400px;transition:right 2s ease-in-out;width:300px;z-index:50}.warehouse-door{background:#e74c3c;border:4px solid #c0392b;border-radius:4px;left:10%;transform:translateX(-50%);transform-origin:bottom;transition:transform 1s ease-in-out;width:105px;z-index:60}.warehouse-background,.warehouse-door{bottom:0;height:120px;position:absolute}.warehouse-background{background:#000;border:4px solid #000;border-radius:4px;left:0;width:80px;z-index:30}.truck.entering{animation:driveIntoWarehouse 4s linear forwards;z-index:40}.warehouse.open .warehouse-door{transform:translateX(-50%) translateY(-100%)}.warehouse.show{opacity:1}@keyframes driveLoop{0%{left:-300px}to{left:100%}}@keyframes wheelSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dropPackage{0%,40%{opacity:0;transform:translate(0)}45%{opacity:1;transform:translate(-40px,-120px) rotate(-20deg)}55%{opacity:1;transform:translate(-80px,-180px) rotate(10deg)}60%,to{opacity:0;transform:translate(-120px,200px) scale(.8)}}@keyframes revealLogin{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes roadMove{0%{transform:translateX(0)}to{transform:translateX(-40px)}}@keyframes cloudMove{0%{left:-200px}50%{left:400px;top:60px}to{left:1000px;top:50px}}@keyframes driveIntoWarehouse{0%{left:-300px}to{left:60%}}