.wrapper{height:100vh;background:linear-gradient(135deg,#0a0a0a,#0d1421 30%,#1a1a2e 70%,#16213e);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.wrapper:before{background:radial-gradient(circle at 20% 80%,rgba(227,30,18,.08) 0,transparent 60%),radial-gradient(circle at 80% 20%,rgba(25,118,210,.08) 0,transparent 60%),radial-gradient(circle at 40% 40%,rgba(74,106,138,.08) 0,transparent 60%),radial-gradient(circle at 60% 60%,rgba(0,255,136,.05) 0,transparent 60%);animation:backgroundShift 12s ease-in-out infinite}.wrapper:after,.wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.wrapper:after{background-image:linear-gradient(90deg,transparent 98%,rgba(227,30,18,.03)),linear-gradient(0deg,transparent 98%,rgba(25,118,210,.03));background-size:50px 50px;animation:gridMove 20s linear infinite}.loader{position:relative;width:140px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader__street-network{position:absolute;width:100%;height:100%}.loader__street-network .loader__street{position:absolute;background:#333;box-shadow:0 0 8px rgba(0,0,0,.3)}.loader__street-network .loader__street--horizontal{height:4px;width:80px;top:50%;left:50%;transform:translate(-50%,-50%);animation:streetGlow 3s ease-in-out infinite}.loader__street-network .loader__street--horizontal:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:#444}.loader__street-network .loader__street--horizontal:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#444}.loader__street-network .loader__street--vertical{height:80px;width:4px;top:50%;left:50%;transform:translate(-50%,-50%);animation:streetGlow 3s ease-in-out 1s infinite}.loader__street-network .loader__street--vertical:before{left:-2px}.loader__street-network .loader__street--vertical:after,.loader__street-network .loader__street--vertical:before{content:"";position:absolute;top:0;right:-2px;bottom:0;width:2px;background:#444}.loader__street-network .loader__street--diagonal{height:3px;width:60px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);animation:streetGlow 3s ease-in-out 2s infinite}.loader__street-network .loader__street--diagonal:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#444}.loader__street-network .loader__street--diagonal:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#444}.loader__street-network .loader__street--1{top:30%;animation-delay:0s}.loader__street-network .loader__street--2{top:70%;animation-delay:.5s}.loader__street-network .loader__street--3{left:30%;animation-delay:1s}.loader__street-network .loader__street--4{left:70%;animation-delay:1.5s}.loader__street-network .loader__street--5{transform:translate(-50%,-50%) rotate(-45deg);animation-delay:2s}.loader__street-network .loader__street--6{transform:translate(-50%,-50%) rotate(135deg);animation-delay:2.5s}.loader__people{position:absolute;width:100%;height:100%}.loader__people .loader__person{position:absolute;width:8px;height:12px}.loader__people .loader__person-body{width:100%;height:100%;background:#e31e12;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 0 8px #e31e12;animation:personWalk 2s ease-in-out infinite}.loader__people .loader__person-shadow{position:absolute;bottom:-3px;left:50%;width:6px;height:2px;background:rgba(0,0,0,.3);border-radius:50%;transform:translateX(-50%);animation:shadowPulse 2s ease-in-out infinite}.loader__people .loader__person--1{top:25%;left:20%;animation:walkPath1 4s linear infinite}.loader__people .loader__person--2{top:75%;right:20%;animation:walkPath2 4s linear .7s infinite}.loader__people .loader__person--3{top:50%;left:10%;animation:walkPath3 4s linear 1.4s infinite}.loader__people .loader__person--4{top:20%;right:30%;animation:walkPath4 4s linear 2.1s infinite}.loader__people .loader__person--5{bottom:25%;left:30%;animation:walkPath5 4s linear 2.8s infinite}.loader__people .loader__person--6{top:60%;right:10%;animation:walkPath6 4s linear 3.5s infinite}.loader__traffic-lights{position:absolute;width:100%;height:100%}.loader__traffic-lights .loader__traffic-light{position:absolute;width:6px;height:12px;background:#222;border-radius:3px;box-shadow:0 0 4px rgba(0,0,0,.5)}.loader__traffic-lights .loader__traffic-light:before{content:"";position:absolute;top:2px;left:1px;width:4px;height:3px;background:#e31e12;border-radius:50%;animation:trafficLight 3s ease-in-out infinite}.loader__traffic-lights .loader__traffic-light--1{top:20%;left:15%;animation-delay:0s}.loader__traffic-lights .loader__traffic-light--2{top:80%;right:15%;animation-delay:1s}.loader__traffic-lights .loader__traffic-light--3{top:50%;left:85%;animation-delay:2s}.loader__text{margin-top:30px;text-align:center}.loader__text-primary{color:#fff;font-size:16px;font-weight:400;letter-spacing:1px;text-transform:uppercase;animation:textPulse 2s ease-in-out infinite;text-shadow:0 0 10px rgba(227,30,18,.5);margin-bottom:8px}.loader__text-secondary{color:#b0b0b0;font-size:12px;font-weight:300;letter-spacing:.5px;opacity:.8;animation:textFade 3s ease-in-out infinite}@keyframes streetGlow{0%,to{box-shadow:0 0 8px rgba(0,0,0,.3)}50%{box-shadow:0 0 15px rgba(227,30,18,.4),0 0 25px rgba(25,118,210,.2)}}@keyframes personWalk{0%,to{transform:scaleY(1)}50%{transform:scaleY(.8)}}@keyframes shadowPulse{0%,to{opacity:.3;transform:translateX(-50%) scale(1)}50%{opacity:.6;transform:translateX(-50%) scale(1.2)}}@keyframes walkPath1{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(30px) translateY(10px)}50%{transform:translateX(60px) translateY(20px)}75%{transform:translateX(90px) translateY(10px)}to{transform:translateX(120px) translateY(0)}}@keyframes walkPath2{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(-30px) translateY(-10px)}50%{transform:translateX(-60px) translateY(-20px)}75%{transform:translateX(-90px) translateY(-10px)}to{transform:translateX(-120px) translateY(0)}}@keyframes walkPath3{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(15px)}50%{transform:translateY(-40px) translateX(30px)}75%{transform:translateY(-20px) translateX(45px)}to{transform:translateY(0) translateX(60px)}}@keyframes walkPath4{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(20px) translateX(-15px)}50%{transform:translateY(40px) translateX(-30px)}75%{transform:translateY(20px) translateX(-45px)}to{transform:translateY(0) translateX(-60px)}}@keyframes walkPath5{0%{transform:translateX(0) translateY(0) rotate(0deg)}25%{transform:translateX(20px) translateY(-15px) rotate(45deg)}50%{transform:translateX(40px) translateY(-30px) rotate(90deg)}75%{transform:translateX(60px) translateY(-15px) rotate(135deg)}to{transform:translateX(80px) translateY(0) rotate(180deg)}}@keyframes walkPath6{0%{transform:translateX(0) translateY(0) rotate(0deg)}25%{transform:translateX(-20px) translateY(15px) rotate(-45deg)}50%{transform:translateX(-40px) translateY(30px) rotate(-90deg)}75%{transform:translateX(-60px) translateY(15px) rotate(-135deg)}to{transform:translateX(-80px) translateY(0) rotate(-180deg)}}@keyframes trafficLight{0%,70%{background:#e31e12;box-shadow:0 0 8px #e31e12}71%,to{background:#0f8;box-shadow:0 0 8px #0f8}}@keyframes textPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes textFade{0%,to{opacity:.6}50%{opacity:1}}@keyframes backgroundShift{0%,to{transform:translateX(0) translateY(0) rotate(0deg)}25%{transform:translateX(-30px) translateY(-15px) rotate(1deg)}50%{transform:translateX(30px) translateY(15px) rotate(-1deg)}75%{transform:translateX(-15px) translateY(30px) rotate(.5deg)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}