.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0a0e27 0%,#1a3a6b 50%,#2b5ba6 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;transition:opacity .5s ease,visibility .5s ease}.splash-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-logo{position:relative;width:400px;max-width:80vw;margin-bottom:2rem;animation:logoFadeIn 1s ease-out}.splash-logo img{width:100%;height:auto;filter:drop-shadow(0 0 30px rgba(0,245,255,.5));animation:logoPulse 2s ease-in-out infinite}.splash-text{font-family:'Orbitron',sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;text-align:center;margin-bottom:2rem;background:linear-gradient(90deg,#00f5ff 0%,#2b5ba6 20%,#f0f 40%,orange 60%,#00f5ff 80%,#2b5ba6 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:holographicShift 3s linear infinite,textFadeIn 1.2s ease-out}.splash-loading{width:300px;max-width:80vw;height:4px;background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden;position:relative;animation:loadingFadeIn 1.5s ease-out}.splash-loading-bar{height:100%;background:linear-gradient(90deg,#2b5ba6 0%,orange 100%);border-radius:10px;width:0;animation:loadingProgress 2s ease-out forwards;box-shadow:0 0 20px rgba(255,165,0,.6)}.splash-percentage{font-family:'Space Grotesk',sans-serif;font-size:1rem;color:rgba(255,255,255,.8);margin-top:1rem;text-align:center;animation:percentageFadeIn 1.8s ease-out}.splash-circuit{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;pointer-events:none;background-image:radial-gradient(circle at 20% 50%,rgba(43,91,166,.2) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,165,0,.2) 0%,transparent 50%);animation:circuitPulse 4s ease-in-out infinite}.splash-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#00f5ff;border-radius:50%;opacity:0;animation:particleFloat 3s ease-in-out infinite}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:.5s}.particle:nth-child(3){left:30%;animation-delay:1s}.particle:nth-child(4){left:40%;animation-delay:1.5s}.particle:nth-child(5){left:50%;animation-delay:2s}.particle:nth-child(6){left:60%;animation-delay:.3s}.particle:nth-child(7){left:70%;animation-delay:.8s}.particle:nth-child(8){left:80%;animation-delay:1.3s}.particle:nth-child(9){left:90%;animation-delay:1.8s}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes logoPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 30px rgba(0,245,255,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 40px rgba(255,165,0,.6))}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes holographicShift{0%{background-position:0 center}100%{background-position:200% center}}@keyframes loadingFadeIn{0%{opacity:0;transform:scaleX(.8)}100%{opacity:1;transform:scaleX(1)}}@keyframes loadingProgress{0%{width:0}100%{width:100%}}@keyframes percentageFadeIn{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes circuitPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateY(-100px) scale(1)}}@media (max-width:768px){.splash-logo{width:300px}.splash-text{font-size:1.5rem;padding:0 1rem}.splash-loading{width:250px}}@media (max-width:480px){.splash-logo{width:250px}.splash-text{font-size:1.25rem}.splash-loading{width:200px}}@media (prefers-reduced-motion:reduce){.splash-screen,.splash-logo img,.splash-text,.splash-loading-bar,.particle{animation:none !important;transition:none !important}.splash-logo img{filter:none}}.skip-splash{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);padding:.75rem 1.5rem;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:.875rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.skip-splash:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateX(-50%) translateY(-2px)}.skip-splash:focus{outline:3px solid #00f5ff;outline-offset:2px}