html.welcome-is-open{overflow:hidden}
.welcome-cinema{--welcome-styled:1;--welcome-progress:0%;position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#fcfcff;color:#242636;font-family:Inter,system-ui,sans-serif;transition:opacity .65s ease;isolation:isolate}
.welcome-cinema--leaving{opacity:0;pointer-events:none}
.welcome-cinema__content{width:min(90%,800px);text-align:center;padding:32px 0}
.welcome-cinema__glass{position:relative;width:130px;height:140px;margin:0 auto 36px;animation:welcome-float 5s ease-in-out infinite}
.welcome-cinema__glass span{position:absolute;width:94px;height:94px;border-radius:28px;border:1px solid #fff9;box-shadow:inset 2px 3px 8px #fff,0 16px 32px #6675aa18;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.welcome-cinema__glass span:nth-child(1){top:5px;left:7px;transform:rotate(-16deg);background:linear-gradient(145deg,#e9e3ffb3,#c6dcff66)}
.welcome-cinema__glass span:nth-child(2){top:29px;left:30px;transform:rotate(11deg);background:linear-gradient(145deg,#ffffffb8,#d9e9ff9c)}
.welcome-cinema__glass span:nth-child(3){top:42px;left:22px;display:grid;place-items:center;font-size:62px;font-weight:300;color:#6562b0;background:linear-gradient(145deg,#ffffffe8,#dce5ffa6);transform:rotate(-4deg)}
.welcome-cinema__title{margin:0;font-weight:500;line-height:1.12;letter-spacing:-.04em}
.welcome-cinema__invitation{display:block;margin-bottom:16px;font-size:clamp(16px,2.4vw,24px);font-weight:400;letter-spacing:-.02em;color:#656879}
.welcome-cinema__name{position:relative;display:inline-block;font-size:clamp(35px,7vw,72px);font-weight:650;color:#c8c9d2;white-space:nowrap}
.welcome-cinema__colour{position:absolute;inset:0;background:linear-gradient(100deg,#6978da 3%,#8f63bd 48%,#448ac8 100%);background-clip:text;-webkit-background-clip:text;color:transparent;clip-path:inset(0 calc(100% - var(--welcome-progress)) 0 0)}
.welcome-cinema__bar{height:4px;width:min(370px,76%);margin:28px auto 22px;background:#e9eaf2;border-radius:20px;overflow:hidden}
.welcome-cinema__bar i{display:block;height:100%;width:var(--welcome-progress);background:linear-gradient(100deg,#6978da,#9269c3,#448ac8);border-radius:inherit}
.welcome-cinema__signature{color:#666b7b;font-size:12px;letter-spacing:.07em;margin:0}
.welcome-cinema__skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:max(32px,env(safe-area-inset-right));height:46px;padding:0 20px;display:flex;gap:16px;align-items:center;background:#ffffffa6;border:1px solid #e0e2ec;border-radius:100px;color:#53586b;font:500 13px Inter,system-ui,sans-serif;cursor:pointer}
.welcome-cinema__skip:hover{background:#f0f1fc}
.welcome-cinema__skip:focus-visible{outline:3px solid #7a6ccb;outline-offset:4px}
@keyframes welcome-float{50%{transform:translateY(-7px)}}
@media(max-width:600px){.welcome-cinema__glass{margin-bottom:22px}.welcome-cinema__skip{right:20px;bottom:24px}.welcome-cinema__content{width:94%}.welcome-cinema__signature{font-size:11px}}
@media(prefers-reduced-motion:reduce){.welcome-cinema,.welcome-cinema__glass{animation:none;transition:none}}
.journey-guidance{position:relative;margin:18px auto 0;min-height:36px;max-width:50ch;opacity:0;transform:translateY(4px);transition:opacity .45s ease,transform .45s ease;color:#c9d8f2;font:400 13px/1.5 Inter,system-ui,sans-serif;pointer-events:none;letter-spacing:.01em}
.journey-guidance--visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.journey-guidance{transition:none}}