.openingScreen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:36px 24px;background:#eef1f3;color:#082746;text-align:center}.openingCenter{width:min(100%,360px)}.openingEmblem{position:relative;display:grid;place-items:center;width:178px;height:178px;margin:0 auto 27px;border:1px solid #a9bac8;border-radius:50%;background:radial-gradient(circle at 45% 35%,#244b6c,#082746 76%);box-shadow:0 14px 36px #0827462b,inset 0 0 0 8px #ffffff12;animation:emblemBreath 2.4s ease-in-out infinite}.openingGrail{width:129px;height:auto;filter:drop-shadow(0 5px 8px #0008);animation:grailRise 2.4s ease-in-out infinite}.openingSpark{position:absolute;z-index:1;color:#f2f7fa;text-shadow:0 0 12px #fff;animation:sparkle 2.4s ease-in-out infinite}.openingSparkOne{top:26px;right:22px;font-size:24px}.openingSparkTwo{left:19px;bottom:37px;font-size:16px;animation-delay:.7s}.openingBrand{margin:0 0 8px;font-size:13px;font-weight:900;letter-spacing:.22em;color:#446186}.openingScreen h1{margin:0;font-size:clamp(23px,6vw,30px);letter-spacing:-.025em}.openingProgress{display:flex;justify-content:center;gap:7px;margin:26px auto 0}.openingProgress span{width:7px;height:7px;border-radius:50%;background:#6986a0;animation:progressPulse 1.2s ease-in-out infinite}.openingProgress span:nth-child(2){animation-delay:.18s}.openingProgress span:nth-child(3){animation-delay:.36s}@keyframes grailRise{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes emblemBreath{50%{box-shadow:0 18px 43px #08274636,inset 0 0 0 8px #ffffff20}}@keyframes sparkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes progressPulse{0%,80%,to{opacity:.35;transform:scale(.85)}40%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.openingEmblem,.openingGrail,.openingProgress span,.openingSpark{animation:none}}