.welcome-app,.welcome-screen{background:#040b14;min-height:100svh}.welcome-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100dvh;overflow:hidden;padding:max(28px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));color:#f8fafc}.welcome-media,.welcome-shade{position:absolute;inset:0;z-index:-2;pointer-events:none}.welcome-media{background:#040b14}.welcome-film,.welcome-poster{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 32%}.welcome-film{opacity:1;transition:opacity .9s ease}.welcome-film.is-failed{opacity:0}.welcome-shade{z-index:-1;background:linear-gradient(180deg,rgba(4,11,20,.55),rgba(4,11,20,.08) 28%,rgba(4,11,20,.24) 46%,rgba(4,11,20,.9)),linear-gradient(100deg,rgba(63,0,102,.22),transparent 65%)}.welcome-brand{mix-blend-mode:screen;text-align:center;padding-top:8px;animation:welcome-arrive .9s ease both}.welcome-logo{display:flex;justify-content:center;filter:drop-shadow(0 4px 24px #0009)}.welcome-logo>span>span{width:240px;height:auto}.welcome-brand-line{display:block;width:25px;height:1px;background:#d4af3780;margin:16px auto 12px}.welcome-brand p{font-size:9px;letter-spacing:.27em;color:#f4e7c6}.welcome-content{width:100%;max-width:400px;margin:auto auto 0;padding-top:clamp(70px,16vh,180px)}.welcome-invitation{margin:0 4px 22px;font-size:clamp(34px,9vw,43px);line-height:1.02;font-weight:700;letter-spacing:-.045em;text-shadow:0 2px 25px #0009;animation:welcome-arrive 1.1s ease .1s both}.welcome-invitation span{font-weight:400;color:#f4e7c6}.welcome-panel{position:relative;border:1px solid #fff2;border-radius:26px;padding:25px 22px 13px;background:linear-gradient(145deg,#07101bcc,#070a13e6);box-shadow:0 20px 70px #0006,inset 0 1px 0 #fff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:welcome-arrive .9s ease .18s both}.welcome-panel-glint{position:absolute;top:-1px;left:25%;width:50%;height:1px;background:linear-gradient(90deg,transparent,#d4af3780,transparent)}.welcome-screen #welcome-title{font-size:clamp(23px,6vw,27px);font-weight:700;text-align:center;letter-spacing:-.035em;line-height:1.15}.welcome-subtitle{font-size:12px;color:#d6cbdc;text-align:center;margin:8px 0 23px}.welcome-actions{display:flex;flex-direction:column;gap:9px}.welcome-button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border-radius:13px;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s ease,transform .18s ease,border-color .18s ease}.welcome-social{background:#ffffff09;border:1px solid #ffffff1e;color:#c9c8d3;padding:0 36px}.welcome-provider-icon{position:absolute;left:17px;font-size:19px;font-weight:600}.welcome-google{font-family:Arial,sans-serif;font-size:17px}.welcome-unavailable{position:absolute;right:12px;font-size:8px;letter-spacing:.04em;font-weight:400;color:#b7acc9;border:1px solid #ffffff15;border-radius:4px;padding:2px 4px}.welcome-provider-note{font-size:9px;text-align:center;color:#b8b0c8;margin:0 0 3px}.welcome-email{color:white;background:linear-gradient(110deg,#8000f2,#9600f5);box-shadow:0 5px 24px #8800f526;border:1px solid #a63bff8c}.welcome-email:hover{background:#9600f5;transform:translateY(-1px)}.welcome-button-end{position:absolute;right:14px}.welcome-create{border:1px solid #ffffff30;background:#ffffff04;color:#f8fafc}.welcome-create:hover{border-color:#b379e8;background:#ffffff0b}.welcome-divider{position:relative;margin:17px 0 3px;display:flex;align-items:center;gap:12px;color:#afa1bc;font-size:8px;letter-spacing:.18em}.welcome-divider:after,.welcome-divider:before{content:"";flex:1;height:1px;background:#ffffff12}.welcome-guest{width:100%;gap:7px;color:#edcf80;font-size:12px}.welcome-guest,.welcome-staff{display:flex;min-height:44px;align-items:center;justify-content:center}.welcome-staff{gap:5px;padding-top:6px;color:#d2c9d9;font-size:10px}.welcome-motion{position:absolute;top:max(20px,env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff25;background:#040b1466;color:#eee}.welcome-screen :is(a,button):focus-visible{outline:2px solid #ffd44b;outline-offset:4px}@keyframes welcome-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (min-width:700px){.welcome-screen{padding-top:44px;padding-bottom:20px}.welcome-content{padding-top:clamp(90px,20vh,230px)}.welcome-invitation{font-size:48px;margin-bottom:24px}.welcome-panel{padding:28px 26px 14px}.welcome-film,.welcome-poster{object-position:center 40%}}@media (max-height:740px){.welcome-screen{padding-top:max(14px,env(safe-area-inset-top))}.welcome-brand{padding-top:0}.welcome-logo>span>span{width:190px;height:auto}.welcome-brand-line{margin:10px auto 8px}.welcome-content{padding-top:54px}.welcome-invitation{font-size:30px;margin-bottom:16px}.welcome-panel{padding:19px 19px 9px;border-radius:22px}.welcome-subtitle{margin-bottom:15px}.welcome-actions{gap:7px}.welcome-button{min-height:44px}.welcome-divider{margin-top:12px}}@media (prefers-reduced-motion:reduce){.welcome-brand,.welcome-invitation,.welcome-panel{animation:none}.welcome-screen *,.welcome-screen :after,.welcome-screen :before{transition:none}}.welcome-motion{left:14px;right:auto}@media (max-width:350px){.welcome-social{font-size:12px;padding-right:65px;padding-left:29px}.welcome-provider-icon{left:12px}.welcome-unavailable{right:8px;font-size:7px}}.welcome-motion{z-index:2}.welcome-script-note{margin:0 0 14px;padding:10px;border:1px solid #d4af3755;border-radius:10px;color:#f1db9c;font-size:12px;text-align:center}.welcome-subtitle{font-size:13px}.welcome-provider-note{font-size:10px;line-height:1.5}.welcome-button{font-size:14px}.welcome-guest{font-size:13px}.welcome-staff{font-size:11px}@media (max-width:350px){.welcome-screen{padding-inline:16px}.welcome-social{padding:0 30px;font-size:12px}}