#splash.erom-shared-splash,#splash{--sp-blue:#347dff;--sp-mint:#48e2b4;position:fixed;inset:0;z-index:900;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgba(47,109,255,.42),transparent 34%),radial-gradient(circle at 82% 78%,rgba(7,27,88,.68),transparent 38%),linear-gradient(135deg,#07142f 0%,#103b94 52%,#2864ff 100%);color:#fff;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;opacity:0;filter:brightness(.28) saturate(.82);transform:translate3d(0,0,0);transition:opacity .18s ease,filter .95s cubic-bezier(.2,.72,.22,1),transform .75s cubic-bezier(.66,0,.24,1);isolation:isolate;will-change:filter,transform}
#splash .sp-ambient{position:absolute;inset:-12%;z-index:-3;background-image:linear-gradient(rgba(130,178,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(130,178,255,.065) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at center,#000 28%,rgba(0,0,0,.66) 66%,transparent 88%);opacity:.82;animation:erom-splash-grid 14s linear infinite}
#splash .sp-ambient:before,#splash .sp-ambient:after{content:"";position:absolute;border-radius:50%;filter:blur(22px);will-change:transform,opacity}
#splash .sp-ambient:before{top:2%;left:8%;width:52%;height:46%;background:radial-gradient(ellipse,rgba(60,132,255,.28),transparent 68%);animation:erom-splash-orbit-a 7s ease-in-out infinite alternate}
#splash .sp-ambient:after{right:2%;bottom:0;width:48%;height:44%;background:radial-gradient(ellipse,rgba(35,201,190,.13),transparent 69%);animation:erom-splash-orbit-b 8.5s ease-in-out infinite alternate}
#splash .sp-beam{position:absolute;inset:-35%;z-index:-2;background:linear-gradient(112deg,transparent 42%,rgba(101,162,255,.085) 48%,rgba(183,218,255,.16) 50%,rgba(101,162,255,.07) 52%,transparent 58%);transform:translateX(-42%);animation:erom-splash-beam 6.8s ease-in-out infinite}
#splash.on{opacity:1;filter:brightness(1) saturate(1);pointer-events:auto}
#splash.up{opacity:1;transform:translate3d(0,-100%,0);transition-delay:0s;transition-duration:.75s}
#splash .sp-stage{position:relative;display:flex;width:min(680px,calc(100vw - 48px));flex-direction:column;align-items:center}
#splash .sp-panel{position:relative;display:grid;grid-template-rows:auto 1fr auto;width:100%;min-height:min(500px,calc(100vh - 160px));max-height:calc(100vh - 160px);overflow:hidden;border:1px solid rgba(154,194,255,.55);border-radius:24px;background:linear-gradient(152deg,#123771,#071c44);box-shadow:0 30px 78px rgba(0,8,35,.56),0 0 36px rgba(48,115,235,.15),inset 0 1px rgba(255,255,255,.14);opacity:0;transform:translateY(20px) scale(.97);transition:opacity .5s .06s ease,transform .6s .06s cubic-bezier(.18,.76,.22,1);isolation:isolate}
#splash .sp-panel:before{content:"";position:absolute;top:0;left:13%;width:74%;height:1px;background:linear-gradient(90deg,transparent,#cfe2ff,transparent);box-shadow:0 0 18px rgba(121,175,255,.8)}
#splash .sp-panel:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 35%,rgba(55,127,246,.2),transparent 42%);pointer-events:none}
#splash.ready .sp-panel{opacity:1;transform:none}
#splash.up .sp-panel{opacity:1;transform:none;transition:none}
#splash .sp-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:0 28px;border-bottom:1px solid rgba(151,190,248,.2);background:#0a285f;opacity:0;transform:translateY(-8px);transition:opacity .45s .15s ease,transform .45s .15s ease}
#splash.ready .sp-head{opacity:1;transform:none}
#splash .sp-product{position:relative;z-index:2;isolation:isolate;display:inline-flex;align-items:center;min-height:33px;padding:0 14px;border:1px solid rgba(144,192,255,.9);border-radius:6px;background:#0d326d;box-shadow:0 0 12px rgba(74,145,255,.4),inset 0 0 13px rgba(51,126,255,.18);font-size:11px;font-weight:850;letter-spacing:.14em;line-height:1;text-transform:uppercase}
#splash .sp-product:after{content:"";position:absolute;inset:-2px;border:1px solid rgba(198,224,255,.82);border-radius:8px;background:none;box-shadow:0 0 7px rgba(116,178,255,.72),0 0 16px rgba(70,139,255,.36);opacity:.5;animation:erom-splash-product-pulse 1.7s ease-in-out infinite alternate;pointer-events:none}
#splash .sp-security{display:inline-flex;align-items:center;gap:9px;color:#dce9ff;font-size:11px;font-weight:800;letter-spacing:.105em}
#splash .sp-security i{width:9px;height:9px;border-radius:50%;background:var(--sp-mint);box-shadow:0 0 5px #48e2b4,0 0 15px rgba(72,226,180,.9);animation:erom-splash-security 1.25s ease-in-out infinite alternate}
#splash .sp-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:24px 38px 18px;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .55s .18s ease,transform .55s .18s ease}
#splash.ready .sp-main{opacity:1;transform:none}
#splash .sp-logo{display:block;width:min(330px,54vw);height:auto;max-height:92px;margin:0 auto 24px;object-fit:contain;object-position:center;filter:drop-shadow(0 11px 24px rgba(0,8,32,.28))}
#splash .sp-main h2{position:relative;top:10px;margin:0;color:#fff;font-size:clamp(25px,1.9vw,32px);font-weight:850;letter-spacing:-.045em;line-height:1.25;text-shadow:0 5px 18px rgba(0,10,42,.35)}
#splash .sp-main p{position:relative;top:10px;margin:12px 0 0;color:#9ab5dd;font-size:clamp(12px,.86vw,14px);font-weight:600;letter-spacing:-.015em}
#splash .sp-quote{position:absolute;right:24px;bottom:clamp(66px,8vh,88px);left:24px;z-index:2;width:auto;max-width:none;margin:0 auto;padding:0 18px;border:0;color:#f1f6ff;text-align:center;font-family:"Nanum Pen Script","Segoe Print","Malgun Gothic",cursive;opacity:0;transform:translateY(8px);transition:opacity .5s .28s ease,transform .5s .28s ease;text-shadow:0 2px 14px rgba(1,13,43,.72)}
#splash.ready .sp-quote{opacity:1;transform:none}
#splash.up .sp-quote{opacity:1;transform:none;transition:none}
#splash .sp-quote q{display:block;overflow:visible;font-size:clamp(15px,1.75vw,22px);font-weight:750;line-height:1.3;white-space:nowrap}
#splash .sp-quote q:before,#splash .sp-quote q:after{color:#75a9f8}
#splash .sp-quote cite{display:block;margin-top:8px;color:#bdd0ed;font-size:14px;font-weight:650;font-style:normal;letter-spacing:.03em}
#splash .sp-status{position:relative;padding:18px 28px 20px;border-top:1px solid rgba(151,190,248,.17);background:rgba(5,23,58,.26);opacity:0;transform:translateY(10px);transition:opacity .5s .24s ease,transform .5s .24s ease}
#splash.ready .sp-status{opacity:1;transform:none}
#splash .sp-phases{display:grid;grid-template-columns:repeat(3,1fr);margin:0 2% 15px}
#splash .sp-phases span{color:#7898c7;font-size:12px;font-weight:650;text-align:center;transition:color .3s ease,text-shadow .3s ease}
#splash .sp-phases b{margin-right:7px;color:#6389c6;font-size:11px;letter-spacing:.08em;transition:color .3s ease}
#splash .sp-phases span.active{color:#fff;font-weight:850;text-shadow:0 0 15px rgba(255,255,255,.2)}
#splash .sp-phases span.done{color:#b7cae7}
#splash .sp-phases span.active b,#splash .sp-phases span.done b{color:var(--sp-mint)}
#splash .sp-bar{position:relative;display:block;width:100%!important;max-width:none!important;height:3px;margin:0!important;overflow:visible;border-radius:99px;background:rgba(135,174,229,.25)}
#splash .sp-bar i{position:absolute;top:0;left:0;display:block;width:100%!important;height:3px;border-radius:99px;background:linear-gradient(90deg,#2186ff 0%,#64a8ff 72%,#fff 100%);box-shadow:0 0 7px #2d7dff,0 0 18px rgba(45,125,255,.72);transform:scaleX(0);transform-origin:left center;animation:none!important;will-change:transform}
#splash .sp-bar i:after{content:"";position:absolute;top:-3px;right:-10px;width:34px;height:9px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96));filter:blur(2px)}
#splash .sp-status footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;color:#7896c0;font-size:9px;font-weight:700;letter-spacing:.12em}
#splash .sp-status footer strong{color:#dce9fb;font-size:13px;letter-spacing:.06em}
#splash .sp-status footer b{font:inherit}
@keyframes erom-splash-grid{to{transform:translate3d(72px,72px,0)}}
@keyframes erom-splash-orbit-a{to{opacity:.6;transform:translate3d(15%,8%,0) scale(1.12)}}
@keyframes erom-splash-orbit-b{to{opacity:.7;transform:translate3d(-13%,-10%,0) scale(1.16)}}
@keyframes erom-splash-beam{0%,18%{transform:translateX(-48%);opacity:0}46%{opacity:1}78%,100%{transform:translateX(48%);opacity:0}}
@keyframes erom-splash-security{to{opacity:.62;box-shadow:0 0 3px #48e2b4,0 0 7px rgba(72,226,180,.6)}}
@keyframes erom-splash-product-pulse{to{opacity:1;box-shadow:0 0 10px rgba(184,218,255,.92),0 0 22px rgba(70,139,255,.58)}}
@keyframes erom-splash-border{0%{clip-path:inset(0 100% 92% 0)}25%{clip-path:inset(0 0 92% 0)}50%{clip-path:inset(0 0 0 96%)}75%{clip-path:inset(92% 0 0 0)}100%{clip-path:inset(0 96% 0 0)}}
@media(max-width:720px){#splash .sp-stage{width:calc(100vw - 28px)}#splash .sp-panel{width:100%;min-height:min(470px,calc(100vh - 145px));max-height:calc(100vh - 145px);border-radius:20px}#splash .sp-head{min-height:64px;padding:0 18px}#splash .sp-product{min-height:29px;padding:0 9px;font-size:8.5px;letter-spacing:.09em}#splash .sp-security{gap:6px;font-size:7.5px;letter-spacing:.045em}#splash .sp-security i{width:7px;height:7px}#splash .sp-main{padding:21px 20px 15px}#splash .sp-logo{width:min(285px,68vw);max-height:78px;margin-bottom:20px}#splash .sp-main h2{font-size:23px}#splash .sp-main p{font-size:11px;line-height:1.55}#splash .sp-quote{right:8px;bottom:40px;left:8px;padding:0 4px}#splash .sp-quote q{font-size:clamp(10px,3vw,16px);white-space:nowrap}#splash .sp-quote cite{margin-top:6px;font-size:12px}#splash .sp-status{padding:16px 18px 14px}#splash .sp-phases{margin:0 0 13px}#splash .sp-phases span{font-size:9.5px}#splash .sp-phases b{display:block;margin:0 0 4px;font-size:8.5px}#splash .sp-status footer{margin-top:12px;font-size:7.5px;letter-spacing:.06em}}
@media(max-height:620px){#splash .sp-panel{min-height:calc(100vh - 150px);max-height:calc(100vh - 150px)}#splash .sp-head{min-height:60px}#splash .sp-main{padding:15px 30px 12px}#splash .sp-logo{width:min(285px,42vw);max-height:72px;margin-bottom:16px}#splash .sp-main h2{font-size:24px}#splash .sp-main p{margin-top:8px}#splash .sp-quote{bottom:30px}#splash .sp-quote q{font-size:20px}#splash .sp-quote cite{font-size:11px}#splash .sp-status{padding-top:13px;padding-bottom:14px}#splash .sp-phases{margin-bottom:11px}}
@media(prefers-reduced-motion:reduce){#splash,#splash *,#splash *:before,#splash *:after{animation:none!important;transition:none!important}}
#splash .sp-main h2{font-size:clamp(17px,1.25vw,21px);font-weight:800;letter-spacing:-.035em;line-height:1.3}
@media(max-width:720px){#splash .sp-main h2{font-size:18px}}
@media(max-height:620px){#splash .sp-main h2{font-size:19px}}