/* A brief branded entrance; the logo stays unframed and clearly visible. */
.page-intro{background:radial-gradient(circle at 50% 47%,rgba(87,73,218,.2),transparent 24%),#070812!important}.page-intro:before,.page-intro:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none}.page-intro:before{width:190px;height:190px;border:1px solid rgba(109,99,239,.2);transform:translate(-50%,-50%) scale(.82);opacity:0}.page-intro:after{width:270px;height:270px;border:1px solid rgba(79,210,255,.1);transform:translate(-50%,-50%) scale(.9);opacity:0}.intro-mark{position:relative;z-index:1;display:grid!important;grid-template-columns:auto auto;column-gap:14px;align-items:center;letter-spacing:.22em!important}.intro-mark img{grid-row:span 2;width:72px!important;height:72px!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain;filter:drop-shadow(0 0 22px rgba(92,208,255,.48))}.intro-mark span{font-size:19px;color:#fff!important}.intro-mark small{font-size:9px;color:#65d5ff;letter-spacing:.35em}.is-ready .page-intro:before{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .45s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.is-ready .page-intro:after{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .5s .12s ease,transform 1s .12s cubic-bezier(.2,.8,.2,1)}.is-ready .intro-mark{transition-delay:.2s!important}.is-ready .page-intro{transition-delay:1.28s!important}@media(max-width:720px){.intro-mark img{width:62px!important;height:62px!important}.intro-mark span{font-size:17px}.page-intro:after{width:220px;height:220px}}
