.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.rocket-container{position:relative;width:150px;height:150px;margin-bottom:30px;animation:rocketLaunch 2s ease-in-out infinite}@keyframes rocketLaunch{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}.rocket{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.rocket-body{font-size:80px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));animation:rocketRotate 3s linear infinite}@keyframes rocketRotate{0%{transform:rotate(-5deg)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}100%{transform:rotate(-5deg)}}.rocket-flame{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.flame{width:8px;height:25px;background:linear-gradient(to bottom,#ff6b35 0%,#f7931e 50%,transparent 100%);border-radius:50% 50% 0 0;animation:flameFlicker .3s ease-in-out infinite alternate}.flame:nth-child(1){animation-delay:0s;height:30px}.flame:nth-child(2){animation-delay:.1s;height:25px}.flame:nth-child(3){animation-delay:.2s;height:28px}@keyframes flameFlicker{0%{opacity:.8;transform:scaleY(1)}100%{opacity:1;transform:scaleY(1.2)}}.loading-text{text-align:center;color:#fff}.loading-text h2{font-size:32px;font-weight:700;margin:0 0 10px 0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.loading-text p{font-size:16px;margin:0 0 20px 0;opacity:.9}.loading-bar{width:200px;height:4px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;margin:0 auto}.loading-progress{height:100%;background:linear-gradient(90deg,#fff 0%,#f0f0f0 100%);border-radius:2px;animation:loadingProgress 2s ease-in-out infinite}@keyframes loadingProgress{0%{width:0%;opacity:.5}50%{width:70%;opacity:1}100%{width:100%;opacity:.5}}@media(max-width:768px){.rocket-container{width:120px;height:120px}.rocket-body{font-size:60px}.loading-text h2{font-size:24px}.loading-text p{font-size:14px}}