.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--white);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .8s ease,visibility .8s ease}.preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-content{width:100%;max-width:700px;padding:0 40px}.road{width:100%;height:200px;background:linear-gradient(180deg,#E0E0E0 0%,#D0D0D0 100%);border-radius:5px;position:relative;overflow:hidden;margin-bottom:100px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.road::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(255,255,255,.3) 30px,rgba(255,255,255,.3) 50px);animation:roadScroll 1.5s linear infinite}@keyframes roadScroll{0%{transform:translateX(0)}100%{transform:translateX(-50px)}}.road-line{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:3px;background:rgba(255,255,255,.6);border-radius:2px;animation:roadLineMove 1.2s linear infinite}.line-1{left:-50px;animation-delay:0s}.line-2{left:-50px;animation-delay:.4s}.line-3{left:-50px;animation-delay:.8s}@keyframes roadLineMove{0%{left:-60px;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}.truck-container{width:100%;height:150px;position:relative;top:20px;margin-bottom:50px;display:flex;align-items:flex-end}.cement-truck{position:relative;width:260px;height:120px;animation:truckBounce .6s ease-in-out infinite}@keyframes truckBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.cement-truck::after{content:'';position:absolute;bottom:-10px;left:25px;right:25px;height:8px;background:radial-gradient(ellipse at center,rgba(0,0,0,.18) 0%,transparent 70%);border-radius:50%;animation:shadowPulse .6s ease-in-out infinite}@keyframes shadowPulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(.96);opacity:.5}}.truck-connector{position:absolute;right:85px;bottom:38px;width:90px;height:12px;background:linear-gradient(180deg,#333 0%,#222 100%);border-radius:6px;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.25)}.truck-cabin{position:absolute;right:0;bottom:40px;width:80px;height:58px;background:linear-gradient(135deg,#EE1C25 0%,#C41419 100%);border-radius:10px 10px 3px 3px;box-shadow:0 4px 8px rgba(0,0,0,.25),inset -3px -3px 6px rgba(0,0,0,.25);z-index:3}.truck-cabin::before{content:'';position:absolute;top:-18px;right:18px;width:52px;height:22px;background:linear-gradient(135deg,#EE1C25 0%,#C41419 100%);border-radius:6px 6px 0 0;box-shadow:0 2px 4px rgba(0,0,0,.35)}.truck-cabin::after{content:'';position:absolute;bottom:4px;right:-12px;width:16px;height:32px;background:linear-gradient(135deg,#C41419 0%,#A01015 100%);border-radius:0 6px 4px 0}.cabin-window{position:absolute;top:-14px;right:20px;width:45px;height:18px;background:linear-gradient(180deg,rgba(135,206,235,.7) 0%,rgba(255,255,255,.6) 100%);border-radius:3px 3px 0 0;border:2px solid rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(255,255,255,.4)}.cabin-window::before{content:'';position:absolute;top:8px;right:-9px;width:11px;height:7px;background:#333;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.4)}.cabin-window::after{content:'';position:absolute;top:10px;right:-7px;width:7px;height:4px;background:rgba(135,206,235,.5);border-radius:2px}.cabin-door{position:absolute;top:16px;right:16px;width:24px;height:32px;background:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(255,255,255,.12) 100%);border-radius:3px;border:1px solid rgba(0,0,0,.25)}.cabin-door::after{content:'';position:absolute;top:50%;left:3px;width:8px;height:3px;background:rgba(0,0,0,.5);border-radius:2px;transform:translateY(-50%)}.headlight{position:absolute;bottom:10px;right:-10px;width:12px;height:12px;background:radial-gradient(circle,#FFF9C4 0%,#FFD54F 100%);border-radius:50%;box-shadow:0 0 10px rgba(255,235,59,.7),0 0 20px rgba(255,235,59,.4);z-index:2}.exhaust{position:absolute;top:-4px;left:-6px;width:6px;height:20px;background:linear-gradient(180deg,#555 0%,#222 100%);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.4)}.exhaust::after{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#666;border-radius:50%}.mixer-drum{position:absolute;left:8px;bottom:42px;width:120px;height:94px;background:linear-gradient(135deg,#F5F5F5 0%,#D5D5D5 50%,#BEBEBE 100%);border-radius:50%;box-shadow:0 6px 14px rgba(0,0,0,.25),inset -8px -8px 20px rgba(0,0,0,.18),inset 8px 8px 20px rgba(255,255,255,.45);z-index:2;animation:drumRotate 2.8s linear infinite}@keyframes drumRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.drum-stripe{position:absolute;width:110%;height:12px;background:linear-gradient(90deg,transparent 0%,#EE1C25 20%,#EE1C25 80%,transparent 100%);border-radius:6px;top:50%;left:50%;box-shadow:0 0 10px rgba(238,28,37,.45)}.stripe-1{transform:translate(-50%,-50%) rotate(0deg)}.stripe-2{transform:translate(-50%,-50%) rotate(60deg)}.stripe-3{transform:translate(-50%,-50%) rotate(120deg)}.mixer-drum::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:radial-gradient(circle,#777 0%,#333 100%);border-radius:50%;box-shadow:inset 0 0 10px rgba(0,0,0,.65),0 2px 4px rgba(0,0,0,.35);z-index:5}.mixer-drum::after{content:'Param';position:absolute;top:24%;left:50%;transform:translateX(-50%);font-size:11px;font-weight:900;color:#EE1C25;letter-spacing:.6px;text-shadow:0 1px 2px rgba(255,255,255,.9),0 0 3px rgba(255,255,255,.6);white-space:nowrap;font-family:'Space Grotesk',sans-serif;z-index:6;pointer-events:none}.drum-text{position:absolute;bottom:22%;left:50%;transform:translateX(-50%);font-size:10px;font-weight:900;color:#EE1C25;letter-spacing:.5px;text-shadow:0 1px 2px rgba(255,255,255,.9),0 0 3px rgba(255,255,255,.5);white-space:nowrap;font-family:'Space Grotesk',sans-serif}.wheel{position:absolute;bottom:0;width:40px;height:40px;background:radial-gradient(circle,#333 0%,#111 100%);border-radius:50%;border:4px solid #444;box-shadow:0 3px 6px rgba(0,0,0,.45),inset 0 0 0 3px #555,inset 0 -2px 4px rgba(0,0,0,.55);animation:wheelRotate .5s linear infinite;z-index:4}@keyframes wheelRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.front-wheel{right:26px}.back-wheel{left:60px}.back-wheel-2{position:absolute;bottom:0;left:38px;width:40px;height:40px;background:radial-gradient(circle,#333 0%,#111 100%);border-radius:50%;border:4px solid #444;box-shadow:0 3px 6px rgba(0,0,0,.45),inset 0 0 0 3px #555,inset 0 -2px 4px rgba(0,0,0,.55);animation:wheelRotate .5s linear infinite;z-index:3}.wheel-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:radial-gradient(circle,#888 0%,#444 100%);border-radius:50%;border:2px solid #999;box-shadow:inset 0 1px 2px rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.5)}.wheel-spoke{position:absolute;top:50%;left:50%;width:3px;height:100%;background:linear-gradient(180deg,#999 0%,#555 50%,#999 100%);box-shadow:0 0 2px rgba(0,0,0,.6)}.spoke-1{transform:translate(-50%,-50%) rotate(45deg)}.spoke-2{transform:translate(-50%,-50%) rotate(-45deg)}.progress-container{width:100%;height:8px;background:var(--light-gray);border-radius:4px;overflow:hidden;margin-bottom:24px;box-shadow:inset 0 2px 4px rgba(0,0,0,.08);border:1px solid var(--medium-gray)}.progress-bar{height:100%;width:0;background:var(--gradient-primary);border-radius:4px;transition:width .1s linear;position:relative;box-shadow:0 0 10px rgba(238,28,37,.3)}.progress-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);border-radius:4px 4px 0 0}.progress-bar::after{content:'';position:absolute;top:0;right:0;width:50px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}.loading-text{text-align:center}.loading-text #progressText{font-size:36px;font-weight:800;color:var(--primary-red);display:block;margin-bottom:10px;font-family:'Space Grotesk',sans-serif;text-shadow:0 2px 4px rgba(238,28,37,.2)}.loading-text p{font-size:15px;font-weight:500;color:var(--text-gray);letter-spacing:1px}