/* SIPANDAI / Atasoge Software - Login Processing Splash */
.atasoge-login-splash{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(circle at 50% 30%,rgba(9,105,218,.24),transparent 38%),linear-gradient(145deg,#020817 0%,#06152d 46%,#031027 100%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.atasoge-login-splash.is-active{opacity:1;visibility:visible;pointer-events:auto}
.atasoge-login-splash::before,.atasoge-login-splash::after{content:"";position:absolute;inset:-25%;background-image:linear-gradient(rgba(0,153,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,153,255,.055) 1px,transparent 1px);background-size:54px 54px;transform:perspective(650px) rotateX(66deg) translateY(36%);transform-origin:center bottom;animation:atasogeGrid 13s linear infinite}
.atasoge-login-splash::after{inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,190,255,.19),transparent 18%),radial-gradient(circle at 82% 65%,rgba(63,83,255,.15),transparent 23%);transform:none;animation:atasogeGlow 5s ease-in-out infinite alternate}
.atasoge-splash-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.atasoge-splash-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#48d8ff;box-shadow:0 0 12px #29c8ff;opacity:.55;animation:atasogeParticle 4.8s ease-in-out infinite}
.atasoge-splash-particles i:nth-child(1){left:11%;top:21%;animation-delay:-1s}.atasoge-splash-particles i:nth-child(2){left:22%;top:67%;animation-delay:-3s}.atasoge-splash-particles i:nth-child(3){left:73%;top:18%;animation-delay:-2s}.atasoge-splash-particles i:nth-child(4){left:86%;top:71%;animation-delay:-.4s}.atasoge-splash-particles i:nth-child(5){left:66%;top:82%;animation-delay:-2.7s}.atasoge-splash-particles i:nth-child(6){left:35%;top:12%;animation-delay:-1.8s}
.atasoge-splash-card{position:relative;z-index:2;width:min(830px,94vw);padding:92px 48px 36px;border:1px solid rgba(53,190,255,.42);border-radius:32px;background:linear-gradient(155deg,rgba(7,33,76,.9),rgba(2,14,37,.92));box-shadow:0 40px 100px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08),0 0 55px rgba(0,139,255,.11);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center}
.atasoge-splash-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(50,199,255,.06),transparent)}
.atasoge-splash-logo-wrap{position:absolute;left:50%;top:-86px;transform:translateX(-50%);width:172px;height:172px;border-radius:50%;display:grid;place-items:center;background:#04132b;box-shadow:0 0 0 8px rgba(3,22,52,.96),0 0 0 10px rgba(52,204,255,.65),0 0 55px rgba(0,185,255,.65);animation:atasogeLogoPulse 2s ease-in-out infinite}
.atasoge-splash-logo{width:162px;height:162px;object-fit:contain;border-radius:50%;display:block}
.atasoge-splash-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#64d8ff}.atasoge-splash-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#31d4ff;box-shadow:0 0 12px #31d4ff}
.atasoge-splash-title{margin:0;font-size:clamp(32px,5vw,55px);line-height:1.04;font-weight:850;letter-spacing:-.035em}.atasoge-splash-title span{background:linear-gradient(90deg,#fff 0%,#57d8ff 46%,#3f8cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.atasoge-splash-subtitle{margin:11px 0 32px;font-size:clamp(16px,2vw,21px);color:#dce9ff}.atasoge-splash-subtitle b{color:#40d4ff;font-weight:750}
.atasoge-splash-progress{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 auto 28px;max-width:680px}.atasoge-splash-progress::before{content:"";position:absolute;left:11%;right:11%;top:26px;height:3px;border-radius:99px;background:#203e69;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.atasoge-splash-progress-line{position:absolute;left:11%;top:26px;height:3px;width:0;border-radius:99px;background:linear-gradient(90deg,#20d8ff,#3989ff);box-shadow:0 0 14px rgba(28,190,255,.8);transition:width .35s ease}
.atasoge-splash-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}.atasoge-splash-step-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#09214a;border:1px solid #31588d;color:#6f8eb6;box-shadow:0 8px 24px rgba(0,0,0,.24);transition:.3s ease}.atasoge-splash-step-icon svg{width:24px;height:24px}.atasoge-splash-step-label{font-size:12px;font-weight:700;color:#7990b2;transition:.3s ease;white-space:nowrap}.atasoge-splash-step.is-done .atasoge-splash-step-icon,.atasoge-splash-step.is-active .atasoge-splash-step-icon{color:#fff;border-color:#39cfff;background:linear-gradient(145deg,#0a52b2,#078ed6);box-shadow:0 0 0 5px rgba(24,170,255,.12),0 0 25px rgba(29,192,255,.5)}.atasoge-splash-step.is-active .atasoge-splash-step-icon{animation:atasogeStepPulse .9s ease-in-out infinite}.atasoge-splash-step.is-done .atasoge-splash-step-label,.atasoge-splash-step.is-active .atasoge-splash-step-label{color:#eaf7ff}
.atasoge-splash-status{display:flex;align-items:center;gap:14px;width:min(560px,100%);margin:0 auto;padding:14px 17px;border:1px solid rgba(55,167,255,.33);border-radius:18px;background:rgba(5,24,57,.8);text-align:left}.atasoge-splash-status-icon{flex:0 0 auto;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#0b6ee0,#1748a6);box-shadow:0 0 22px rgba(22,133,255,.35)}.atasoge-splash-status-icon svg{width:21px;height:21px}.atasoge-splash-status-copy{min-width:0}.atasoge-splash-status-copy strong{display:block;font-size:14px;color:#fff;margin-bottom:3px}.atasoge-splash-status-copy span{display:block;font-size:12px;line-height:1.45;color:#91a9c8}.atasoge-splash-dots{display:inline-flex;gap:4px;margin-left:4px}.atasoge-splash-dots i{width:4px;height:4px;border-radius:50%;background:#58dbff;animation:atasogeDots 1s infinite}.atasoge-splash-dots i:nth-child(2){animation-delay:.15s}.atasoge-splash-dots i:nth-child(3){animation-delay:.3s}
.atasoge-splash-footer{position:relative;z-index:2;margin-top:22px;text-align:center}.atasoge-splash-footer strong{display:block;font-size:12px;letter-spacing:.42em;color:#31b8ff;margin-bottom:5px}.atasoge-splash-footer span{font-size:11px;color:#6681a7}
@keyframes atasogeGrid{to{background-position:54px 54px,54px 54px}}@keyframes atasogeGlow{to{opacity:.65;transform:scale(1.08)}}@keyframes atasogeParticle{0%,100%{transform:translateY(0) scale(.8);opacity:.18}50%{transform:translateY(-28px) scale(1.4);opacity:.8}}@keyframes atasogeLogoPulse{50%{box-shadow:0 0 0 8px rgba(3,22,52,.96),0 0 0 11px rgba(52,204,255,.75),0 0 72px rgba(0,185,255,.78)}}@keyframes atasogeStepPulse{50%{transform:scale(1.06)}}@keyframes atasogeDots{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}
@media(max-width:700px){.atasoge-login-splash{padding:14px}.atasoge-splash-card{padding:76px 16px 25px;border-radius:24px}.atasoge-splash-logo-wrap{width:132px;height:132px;top:-66px}.atasoge-splash-logo{width:124px;height:124px}.atasoge-splash-progress{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.atasoge-splash-progress::before,.atasoge-splash-progress-line{top:21px}.atasoge-splash-step-icon{width:44px;height:44px}.atasoge-splash-step-icon svg{width:20px;height:20px}.atasoge-splash-step-label{font-size:9px;white-space:normal;line-height:1.2;min-height:24px}.atasoge-splash-status{padding:12px}.atasoge-splash-footer{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.atasoge-login-splash *,.atasoge-login-splash::before,.atasoge-login-splash::after{animation:none!important;transition-duration:.01ms!important}}
