:root{
 --navy:#101329;--blue:#0a67ff;--cyan:#10baf5;--muted:#7c8595;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;font-family:Poppins,Segoe UI,Arial,sans-serif}
body.splash-body{
 min-height:100vh;display:grid;place-items:center;overflow:hidden;
 padding:28px;
 background:
 radial-gradient(circle at 15% 18%,rgba(72,173,255,.17),transparent 28%),
 radial-gradient(circle at 88% 78%,rgba(13,104,210,.14),transparent 32%),
 linear-gradient(135deg,#dce6ee 0%,#eef3f6 42%,#d8e5ec 100%);
 position:relative;
}
body.splash-body:before{
 content:"";position:absolute;inset:-20%;
 background:
 linear-gradient(125deg,transparent 0 32%,rgba(255,255,255,.38) 40%,transparent 47%),
 linear-gradient(305deg,transparent 0 60%,rgba(255,255,255,.22) 68%,transparent 74%);
 transform:rotate(-6deg);opacity:.8;
}
.ambient{position:absolute;border-radius:50%;filter:blur(70px);opacity:.32}
.ambient-one{width:420px;height:420px;background:#4ab5ff;left:-180px;top:-170px}
.ambient-two{width:360px;height:360px;background:#9fd3e9;right:-130px;bottom:-140px}
.ambient-three{width:240px;height:240px;background:#fff;right:30%;top:8%}
.splash-card{
 position:relative;z-index:2;width:min(1080px,100%);min-height:600px;
 background:rgba(255,255,255,.97);border-radius:26px;
 box-shadow:0 35px 80px rgba(26,43,61,.25);
 padding:70px 90px 42px;display:flex;flex-direction:column;
 align-items:center;justify-content:center;overflow:hidden;
 border:1px solid rgba(255,255,255,.9);
 animation:enter .75s ease both;
}
.splash-top-line{
 position:absolute;top:0;left:0;right:0;height:4px;
 background:linear-gradient(90deg,#0864ff,#10bdf1,#0864ff);
}
@keyframes enter{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
.splash-brand{display:flex;align-items:center;justify-content:center;gap:45px}
.splash-logo{
 width:146px;height:146px;border-radius:50%;
 background:linear-gradient(145deg,#0875ff,#08aeea);
 display:grid;place-items:center;
 box-shadow:0 15px 40px rgba(5,107,240,.28);
 position:relative;flex:none;
}
.splash-logo:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.42);border-radius:50%}
.cap-icon{font-size:65px;filter:drop-shadow(0 7px 10px rgba(0,0,0,.12))}
.brand-copy{text-align:center}
.brand-copy h1{font-size:62px;line-height:.98;letter-spacing:7px;font-weight:900;color:#17182d}
.brand-copy h2{font-size:33px;line-height:1;margin-top:12px;letter-spacing:8px;color:#0868f4;font-weight:700}
.brand-rule{display:flex;align-items:center;justify-content:center;gap:10px;margin:17px 0 16px}
.brand-rule span{width:74px;height:2px;background:#1a2740}
.brand-rule i{width:8px;height:8px;background:#11aef0;border-radius:50%}
.brand-copy p{font-size:20px;color:#555e6c}
.brand-copy em{display:block;font-size:16px;color:#8b909a;margin-top:9px}
.loading{width:min(600px,100%);text-align:center;margin-top:52px}
.loading-status{font-size:18px;color:#0868f4;font-weight:700;margin-bottom:14px}
.progress-track{height:15px;background:#e3ebf5;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 5px rgba(13,52,93,.08)}
.progress-track div{width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#0874ff,#0ab5ee);box-shadow:0 0 18px rgba(10,153,238,.3);transition:width .2s}
.loading>strong{display:block;font-size:42px;color:#0868f4;margin-top:18px;line-height:1}
.loading>p{font-size:15px;color:#9a9da4;margin-top:17px}
.splash-card footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:45px;color:#a1a6ae;font-size:11px}
.splash-card footer b{color:#0868f4}
@media(max-width:760px){
 body.splash-body{padding:12px}
 .splash-card{min-height:620px;padding:45px 25px 30px}
 .splash-brand{flex-direction:column;gap:25px}
 .splash-logo{width:105px;height:105px}.cap-icon{font-size:48px}
 .brand-copy h1{font-size:39px;letter-spacing:4px}.brand-copy h2{font-size:21px;letter-spacing:4px}
 .brand-copy p{font-size:14px}.brand-copy em{font-size:12px}
 .loading{margin-top:40px}.loading-status{font-size:14px}.loading>strong{font-size:34px}
 .splash-card footer{font-size:9px}
}