.launch-modal{width:min(570px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:48px 30px 52px;overflow:hidden;margin:auto;border:1px solid #ffffff26;border-radius:28px;background:radial-gradient(ellipse at 50% 5%,#56329b55,transparent 63%),linear-gradient(145deg,#141c38,#081127);color:#fff;text-align:center;box-shadow:0 30px 120px #0009,0 0 90px #6948ef1c;isolation:isolate}
.launch-modal::backdrop{background:#02081c9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.launch-modal[open]{animation:launch-enter .55s cubic-bezier(.16,1,.3,1) both}
.launch-modal[open]::backdrop{animation:launch-backdrop-in .4s ease both}
.launch-close{position:absolute;right:16px;top:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:#ffffff06;color:#a6aec9;font-size:26px;font-weight:300;line-height:1;display:grid;place-items:center}
.launch-close:hover{background:#ffffff10;color:#fff}
.launch-logo-stage{position:relative;width:190px;height:190px;display:grid;place-items:center;margin:0 auto 28px}
.launch-logo-halo{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle,#7453eb38,transparent 68%);box-shadow:0 0 65px #8c5cea18;animation:launch-halo 3s ease-in-out infinite}
.launch-logo-ring{position:absolute;inset:8px;border:1px solid #c3aaff1c;border-radius:50%;box-shadow:0 0 0 15px #a48aff04,0 0 0 31px #a48aff03;animation:launch-ring 1.5s ease-out both}
.launch-logo-mark{width:148px;height:148px;filter:drop-shadow(0 12px 19px #0004);animation:launch-logo-bloom 1.15s cubic-bezier(.16,.8,.25,1) both,launch-float 3s ease-in-out 1.4s infinite}
.launch-logo-mark svg{display:block;width:100%;height:100%;overflow:visible}
.launch-logo-mark g>ellipse:nth-of-type(-n+9){transform-box:view-box;transform-origin:0 0;animation:launch-petal .85s cubic-bezier(.18,.8,.25,1.15) both}
.launch-logo-mark g>ellipse:nth-of-type(2){animation-delay:.06s}
.launch-logo-mark g>ellipse:nth-of-type(3){animation-delay:.12s}
.launch-logo-mark g>ellipse:nth-of-type(4){animation-delay:.18s}
.launch-logo-mark g>ellipse:nth-of-type(5){animation-delay:.24s}
.launch-logo-mark g>ellipse:nth-of-type(6){animation-delay:.3s}
.launch-logo-mark g>ellipse:nth-of-type(7){animation-delay:.36s}
.launch-logo-mark g>ellipse:nth-of-type(8){animation-delay:.42s}
.launch-logo-mark g>ellipse:nth-of-type(9){animation-delay:.48s}
.launch-title{font-size:clamp(29px,5.8vw,41px);font-weight:750;letter-spacing:3px;line-height:1.25;margin:0 0 17px;background:linear-gradient(110deg,#fff,#dcd8ff 60%,#fff);background-clip:text;-webkit-background-clip:text;color:transparent;animation:launch-copy-in .7s ease .45s both}
.launch-tagline{margin:0;display:flex;justify-content:center;align-items:baseline;gap:7px;font-size:17px;font-weight:400;line-height:1.8;color:#c0c8e3;white-space:nowrap;animation:launch-copy-in .7s ease .7s both}
.launch-tagline>span:first-child,.launch-tagline>span:last-child{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:20px;letter-spacing:.1px;color:#d4beff}
.launch-tagline>span:last-child{color:#ffceb8}
.launch-tagline .launch-separator{font-size:13px;color:#7e86a8}
.launch-duration{position:absolute;bottom:0;left:15%;right:15%;height:2px;overflow:hidden;background:#ffffff08;border-radius:2px}
.launch-duration>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8b64ed,#ea588f,#edbd4a,#31c4b1);transform-origin:left;animation:launch-duration 5s linear both}
.launch-modal.is-closing{animation:launch-exit .24s ease both}
.launch-modal.is-closing::backdrop{animation:launch-backdrop-out .24s ease both}
html[data-theme=light] .launch-modal{border-color:#ffffffc9;background:radial-gradient(ellipse at 50% 5%,#ded0ff88,transparent 65%),linear-gradient(145deg,#fff,#f2f5ff);box-shadow:0 30px 120px #25396040,0 0 90px #6948ef12}
html[data-theme=light] .launch-modal::backdrop{background:#e2e8f2aa}
html[data-theme=light] .launch-close{background:#5a497706;color:#7d7794}
html[data-theme=light] .launch-close:hover{background:#695a9310;color:#3c315c}
html[data-theme=light] .launch-logo-ring{border-color:#8e7cb730;box-shadow:0 0 0 15px #a48aff08,0 0 0 31px #a48aff05}
html[data-theme=light] .launch-logo-mark{filter:drop-shadow(0 12px 19px #7156a125)}
html[data-theme=light] .launch-title{background-image:linear-gradient(110deg,#26344e,#6b43bc 65%,#26344e)}
html[data-theme=light] .launch-tagline{color:#6a7392}
html[data-theme=light] .launch-tagline>span:first-child{color:#7850a7}
html[data-theme=light] .launch-tagline>span:last-child{color:#a9614e}
html[data-theme=light] .launch-duration{background:#69549a0c}
@keyframes launch-enter{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes launch-exit{to{opacity:0;transform:translateY(-7px) scale(.98)}}
@keyframes launch-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes launch-backdrop-out{to{opacity:0}}
@keyframes launch-logo-bloom{from{opacity:0;transform:rotate(-28deg) scale(.65)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes launch-petal{0%{opacity:0;scale:.08 .08}65%{opacity:1;scale:1.06 1.06}100%{opacity:1;scale:1 1}}
@keyframes launch-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes launch-halo{0%,100%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}
@keyframes launch-ring{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@keyframes launch-copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes launch-duration{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:540px){.launch-modal{padding:40px 18px 43px;border-radius:24px}.launch-logo-stage{width:165px;height:165px;margin-bottom:23px}.launch-logo-mark{width:132px;height:132px}.launch-title{letter-spacing:1.8px;font-size:30px;margin-bottom:16px}.launch-tagline{display:block;font-size:13px;white-space:normal}.launch-tagline>span:first-child,.launch-tagline>span:last-child{font-size:16px}.launch-tagline>span:last-child{display:block;margin-top:3px}.launch-tagline>.launch-separator:nth-child(4){display:none}.launch-close{right:11px;top:9px}}
@media(max-width:375px){.launch-modal{padding-left:12px;padding-right:12px}.launch-title{font-size:27px;letter-spacing:1.5px}.launch-tagline{font-size:12px;gap:4px}.launch-tagline>span:first-child,.launch-tagline>span:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.launch-modal,.launch-modal::backdrop,.launch-logo-stage *,.launch-title,.launch-tagline,.launch-duration>span{animation:none!important}}
