.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0a;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.splash-content{position:relative;z-index:2;text-align:center;color:#fff}.logo-container{position:relative;margin-bottom:2rem}.logo-image{width:120px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.logo-text{font-size:3.5rem;font-weight:300;letter-spacing:.1em;margin:0;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,255,255,.5)}.lens-flare{position:absolute;top:50%;left:0;width:200%;height:2px;background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(255,255,255,.8) 40%,rgba(255,255,255,1) 50%,rgba(255,255,255,.8) 60%,transparent 80%,transparent 100%);transform:translateY(-50%);filter:blur(1px);box-shadow:0 0 20px #fffc}.tagline{font-size:1.2rem;font-weight:300;letter-spacing:.05em;opacity:.9;margin-top:1rem}.tagline p{margin:0;color:#ccc;text-shadow:0 0 10px rgba(255,255,255,.3)}@media(max-width:768px){.logo-text{font-size:2.5rem}.logo-image{width:80px}.tagline{font-size:1rem}}@media(max-width:480px){.logo-text{font-size:2rem}.logo-image{width:60px}.tagline{font-size:.9rem}}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(-5px) translate(-3px)}75%{transform:translateY(-15px) translate(8px)}}.particles-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.01) 0%,transparent 50%);animation:float 20s ease-in-out infinite}.lens-flare:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 30%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.3) 70%,transparent 100%);filter:blur(2px)}.logo-container:after{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:translate(-50%,-50%);border-radius:50%;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}