*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0f;min-height:100vh;font-family:Rajdhani,sans-serif;position:relative;overflow-x:hidden}.bg-effects{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-effects:before{content:"";background:radial-gradient(at 20%,#0064ff14 0%,#0000 50%),radial-gradient(at 80%,#8a2be214 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite bgFloat;position:absolute}@keyframes bgFloat{0%,to{transform:translate(-10%,-10%)rotate(0)}50%{transform:translate(10%,10%)rotate(180deg)}}.grid-overlay{z-index:1;pointer-events:none;background-image:linear-gradient(#00ffff08 1px,#0000 1px),linear-gradient(90deg,#00ffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:fixed}.container{z-index:2;max-width:1400px;height:100vh;margin:0 auto;padding:20px;position:relative;overflow:hidden}header{text-align:center;padding:40px 20px}h1{background:linear-gradient(135deg,#00d4ff,#7b2ff7,#ff006e);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:8px;text-shadow:0 0 80px #00d4ff4d;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-family:Orbitron,monospace;font-size:4rem;font-weight:900}.subtitle{color:#888;letter-spacing:4px;text-transform:uppercase;font-size:1.3rem}.train-container{cursor:pointer;margin:60px auto;padding:40px 0;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.train{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;animation:3s ease-in-out infinite trainFloat;display:flex}@keyframes trainFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.locomotive{border-radius:80px 15px 15px 80px;flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;display:flex;position:relative;left:0;overflow:visible}.locomotive:after{content:"";background:linear-gradient(90deg,#5c1450,#0000);border-radius:0 10px 10px 0;width:20px;height:70%;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.speed-lines{width:100px;height:60px;position:absolute;top:50%;left:-80px;transform:translateY(-50%)}.speed-line{background:linear-gradient(90deg,#0000,#00d4ff99);height:2px;animation:1s linear infinite speedLine;position:absolute}.speed-line:first-child{width:60px;animation-delay:0s;top:20%}.speed-line:nth-child(2){width:80px;animation-delay:.3s;top:50%}.speed-line:nth-child(3){width:50px;animation-delay:.6s;top:80%}@keyframes speedLine{0%{opacity:0;transform:translate(0)}50%{opacity:1}to{opacity:0;transform:translate(-40px)}}.user-icon{background:linear-gradient(135deg,#00d4ff,#7b2ff7);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:15px;animation:2s ease-in-out infinite iconPulse;display:flex;box-shadow:0 0 30px #00d4ff80}@keyframes iconPulse{0%,to{box-shadow:0 0 30px #00d4ff80}50%{box-shadow:0 0 50px #00d4ffcc,0 0 80px #7b2ff74d}}.user-icon svg{fill:#fff;width:40px;height:40px}.locomotive-label{color:#00d4ff;letter-spacing:2px;text-transform:uppercase;font-family:Orbitron,monospace;font-size:.8rem}.carriage{background:linear-gradient(145deg,#0f1923,#1a2a3e);border:2px solid #7b2ff7;border-radius:15px 40px 40px 15px;flex-direction:column;justify-content:center;align-items:center;width:260px;height:160px;transition:all .3s;display:flex;position:relative}.carriage:before{content:"";background:#7b2ff7;width:4px;height:40px;position:absolute;top:50%;left:-2px;transform:translateY(-50%);box-shadow:0 0 10px #7b2ff7}.carriage:hover{background:linear-gradient(145deg,#1f1f35,#1a2a4a);transform:scale(1.02);box-shadow:0 0 30px #7b2ff74d}.connector{background:linear-gradient(90deg,#00d4ff,#7b2ff7);width:20px;height:3px;position:relative;box-shadow:0 0 8px #7b2ff780}.connector:before,.connector:after{content:"";background:#7b2ff7;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 10px #7b2ff7}.connector:before{left:-4px}.connector:after{right:-4px}.board-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:4px;background:linear-gradient(135deg,#7b2ff7,#00d4ff);border:none;border-radius:16px;width:calc(100% - 40px);padding:20px 30px;font-family:"sans-serif",monospace;font-size:30px;font-weight:900;transition:all .3s;position:absolute;bottom:20px;overflow:hidden;box-shadow:0 0 50px #7b2ff780,0 15px 40px #0006}.board-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;animation:1s ease-in-out infinite moveRight;position:absolute;top:0;left:-100%}@keyframes moveRight{0%{left:-100%}to{left:100%}}.board-btn:hover:before{left:100%}.board-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 0 50px #7b2ff799,0 15px 40px #0006}.board-btn:active{transform:translateY(0)scale(.98)}.wheels{justify-content:space-around;display:flex;position:absolute;bottom:-15px;left:10%;right:10%}.wheel{background:linear-gradient(145deg,#333,#111);border:2px solid #00d4ff;border-radius:50%;width:25px;height:25px;animation:2s linear infinite wheelSpin;box-shadow:0 0 10px #00d4ff80}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.carriage .wheel{border-color:#7b2ff7;box-shadow:0 0 10px #7b2ff780}.rails{background:linear-gradient(90deg,#00d4ff,#7b2ff7,#00d4ff);width:100%;height:4px;margin-top:30px;position:relative;box-shadow:0 0 20px #00d4ff4d}.rails:before{content:"";background:repeating-linear-gradient(90deg,#333 0 40px,#0000 40px 80px);height:2px;position:absolute;top:-20px;left:0;right:0}.rails:after{content:"";background:repeating-linear-gradient(90deg,#333 0 40px,#0000 40px 80px);height:2px;position:absolute;bottom:-20px;left:0;right:0}footer{text-align:center;color:#444;letter-spacing:2px;padding:40px 20px;font-size:.9rem}.smoke{width:60px;height:60px;position:absolute;top:30%;left:-50px}.smoke-particle{background:#c8c8ff1a;border-radius:50%;width:20px;height:20px;animation:3s ease-out infinite smokeRise;position:absolute}@keyframes smokeRise{0%{opacity:.5;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-30px,-80px)scale(3)}}.glow-line{background:linear-gradient(90deg,#0000,#00d4ff,#7b2ff7,#00d4ff,#0000);width:80%;height:2px;margin:20px auto 0;animation:2s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=1200px){.second-train{display:none}h1{font-size:2.5rem}}@media (width<=800px){.locomotive{left:100px}}