.loader::after,.loader::before{content:'';position:absolute;border-radius:50%}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#1a237e 0,#0d1421 70%,#000 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loader::before{width:200px;height:200px;background:linear-gradient(45deg,#00bcd4,#2196f3,#3f51b5,#9c27b0);top:20%;left:10%;animation:6s ease-in-out infinite float1;opacity:.3;filter:blur(40px)}.loader::after{width:150px;height:150px;background:linear-gradient(135deg,#ff4081,#e91e63,#9c27b0,#673ab7);bottom:20%;right:15%;animation:8s ease-in-out infinite float2;opacity:.4;filter:blur(30px)}.loader .content{position:relative;z-index:10;text-align:center}.loader .logo{font-family:IRANYekanX;font-size:4rem;font-weight:900;background:linear-gradient(45deg,#00bcd4,#2196f3,#3f51b5,#9c27b0,#00bcd4);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:3s ease-in-out infinite textShimmer,2s ease-in-out infinite alternate textFloat;margin-bottom:40px;letter-spacing:8px;text-shadow:0 0 30px rgba(33,150,243,.5)}.loader .spinner{width:80px;height:80px;border:3px solid rgba(33,150,243,.1);border-top:3px solid #2196f3;border-right:3px solid #00bcd4;border-radius:50%;animation:1.2s linear infinite spin;margin:0 auto 30px;box-shadow:0 0 40px rgba(33,150,243,.3)}.loader .orb1,.loader .orb2{position:absolute;border-radius:50%}.loader .loading-text{color:rgba(255,255,255,.8);font-family:IRANYekanX;font-size:1.2rem;font-weight:300;animation:2s ease-in-out infinite pulse;letter-spacing:2px}.loader .orb1{width:120px;height:120px;background:linear-gradient(45deg,#00bcd4,#2196f3);top:60%;left:20%;animation:10s ease-in-out infinite float3;opacity:.2;filter:blur(20px)}.loader .orb2{width:80px;height:80px;background:linear-gradient(135deg,#3f51b5,#9c27b0);top:30%;right:25%;animation:7s ease-in-out infinite float4;opacity:.3;filter:blur(25px)}@keyframes textShimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes textFloat{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}@keyframes float1{0%,100%{transform:translate(0,0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes float2{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-40px,-20px) rotate(180deg)}}@keyframes float3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-30px) scale(1.2)}}@keyframes float4{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,40px) scale(.8)}}