.gate{--accent:#e70f57;--accent-fill:var(--accent);background:#111223 url(/images/backy.jpg) 50%/cover no-repeat;place-items:center;min-height:100vh;padding:7vw 5vw;display:grid;position:relative;overflow:hidden}.gate:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 70%);position:absolute;inset:0}.v2 .gate__ring{opacity:1;width:auto;max-width:none;height:120vh;top:-48vh;bottom:auto}.gate__card{z-index:1;-webkit-backdrop-filter:blur(28px)saturate(140%);backdrop-filter:blur(28px)saturate(140%);text-align:center;background:linear-gradient(157deg,#ffffff1c,#ffffff05 42%),#11122399;border:1px solid #ffffff24;border-radius:1em;flex-direction:column;align-items:center;width:34vw;padding:3vw;display:flex;position:relative;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff29}.gate__card.is-wide{width:40vw}.gate__brand{color:#fff;align-items:center;gap:12px;margin-bottom:2.5vw;font-size:1.5vw;font-weight:700;text-decoration:none;display:inline-flex}.gate__brand img{width:44px;height:44px;transition:transform .4s cubic-bezier(.22,1,.36,1);display:block}.gate__brand:hover img{transform:rotate(90deg)}.v2 .gate__title{--hero-size:4vw;text-align:center;margin:0;font-size:4vw;font-weight:700;line-height:.8em}.gate__title span{color:#0000;-webkit-text-stroke:.08vw #fff;display:block}.gate__title b{color:#fff;font-weight:700;display:block}.gate__lead{color:#ffffff8c;max-width:26vw;margin:2vw 0 0;font-size:1.2vw;font-weight:400;line-height:1.4em}.gate__fine{color:#ffffff8c;text-align:center;margin:1.5vw 0 0;font-size:1vw;font-weight:400;line-height:1.4em}.gate__fine a{color:var(--accent);text-decoration:none}.gate__fine a:hover{text-decoration:underline}.gate__google{border-radius:var(--r-control);color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:2.5vw;padding:25px;font-family:inherit;font-size:1.5vw;font-weight:700;text-decoration:none;transition:border-color .3s,transform .25s,color .6s;display:inline-flex;position:relative;overflow:hidden}.gate__google:before{content:"";z-index:-1;border-radius:inherit;clip-path:circle(0px at var(--x,50%) var(--y,50%));background:#fff;transition:clip-path 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.gate__google:hover,.gate__google:focus-visible{color:#111223;border-color:#0000;transform:translateY(-3px)}.gate__google:hover:before,.gate__google:focus-visible:before{clip-path:circle(150% at var(--x,50%) var(--y,50%))}.gate__google svg{flex:none}.ob-steps{counter-reset:step;justify-content:center;gap:1.5vw;margin:0 0 2vw;padding:0;list-style:none;display:flex}.ob-steps li{color:#ffffffa6;align-items:center;gap:8px;font-size:1vw;font-weight:400;display:flex}.ob-steps li:before{counter-increment:step;content:counter(step);border:1px solid #ffffff29;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.ob-steps li.is-on{color:#fff}.ob-steps li.is-on:before{background:var(--accent-fill);color:#fff;border-color:#0000}.ob-steps li.is-done:before{border-color:var(--accent);color:var(--accent)}.ob-form{flex-direction:column;gap:1.5vw;width:100%;margin-top:2.5vw;display:flex}.ob-field{align-items:center;gap:1.5vw;display:flex}.ob-field__label{color:#fff;text-align:start;flex:none;width:9vw;font-size:1vw;font-weight:700}.ob-field>:not(.ob-field__label){flex:1;min-width:0}.ob-field.is-stacked{flex-direction:column;align-items:stretch;gap:12px}.ob-field.is-stacked .ob-field__label{width:auto}.ob-field__label i{color:var(--accent);margin-inline-start:4px;font-style:normal}.ob-field input,.ob-picks:not(.is-wrap) .ob-pick{min-height:calc(1.4em + 30px)}.ob-field input{border-radius:var(--r-control);color:#fff;background:#11122399;border:1px solid #ffffff57;width:100%;padding:14px 16px;font-family:inherit;font-size:1.2vw;font-weight:400;transition:border-color .3s}.ob-field input::placeholder{color:#ffffff8c}.ob-field input:focus{border-color:var(--accent);outline:none}.ob-avatar{align-items:center;gap:1.5vw;display:flex}.ob-avatar__well{cursor:pointer;align-items:center;gap:1vw;display:flex}.ob-avatar__well img,.ob-avatar__empty{object-fit:cover;border:1px solid #ffffff57;border-radius:50%;flex:none;width:5vw;height:5vw;transition:border-color .25s}.ob-avatar__empty{background:#11122399;display:block;position:relative}.ob-avatar__empty:after{content:"";background:#ffffffa6;position:absolute;inset:30%;-webkit-mask:url(/images/icons/user.svg) 50%/contain no-repeat;mask:url(/images/icons/user.svg) 50%/contain no-repeat}.ob-avatar__well:hover img,.ob-avatar__well:hover .ob-avatar__empty{border-color:var(--accent)}.ob-avatar__hint{color:#ffffff8c;text-align:start;font-size:1vw;font-style:italic;font-weight:400}.ob-avatar__clear{color:#ffffff8c;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:1vw;font-weight:400;transition:color .25s}.ob-avatar__clear:hover{color:#fff}.ob-picks{gap:1vw;width:100%;display:flex}.ob-picks.is-wrap{flex-wrap:wrap;gap:10px}.ob-picks.is-wrap .ob-pick{flex:none;padding:12px 18px;font-size:1vw}.ob-picks.is-wrap .ob-pick__tick{width:17px;height:17px}.ob-picks.is-wrap .ob-pick.is-on .ob-pick__tick:after{inset-inline-start:4px;top:1px}.ob-pick{border-radius:var(--r-control);color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #ffffff57;flex:1;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-family:inherit;font-size:1.2vw;font-weight:400;transition:border-color .25s,background .25s,color .25s;display:inline-flex}.ob-pick__tick{border:2px solid #ffffff40;border-radius:50%;flex:none;width:20px;height:20px;transition:border-color .25s,background .25s;position:relative}.ob-pick:hover{color:#fff;border-color:#ffffff4d}.ob-pick.is-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:#fff}.ob-pick.is-on .ob-pick__tick{border-color:var(--accent);background:var(--accent-fill)}.ob-pick.is-on .ob-pick__tick:after{content:"";inset-inline-start:5px;border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;rotate:45deg}.ob-acts{flex-direction:column;align-items:center;gap:1.5vw;margin-top:1vw;display:flex}.ob-next{border-radius:var(--r-control);color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff29;justify-content:center;align-items:center;gap:10px;width:100%;padding:25px;font-family:inherit;font-size:1.5vw;font-weight:700;transition:border-color .3s,opacity .25s;display:inline-flex;position:relative;overflow:hidden}.ob-next:before{content:"";z-index:-1;border-radius:inherit;background:var(--accent-fill);clip-path:circle(0px at var(--x,50%) var(--y,50%));transition:clip-path 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.ob-next:hover:enabled:before,.ob-next:focus-visible:enabled:before{clip-path:circle(150% at var(--x,50%) var(--y,50%))}.ob-next:hover:enabled{border-color:#0000}.ob-next:disabled{opacity:.4;cursor:not-allowed}.ob-next span{direction:ltr}.ob-minor{align-items:center;gap:2vw;display:flex}.ob-minor .cta2{font-size:1.2vw}@media (prefers-reduced-motion:reduce){.gate__google:before,.ob-next:before{transition:none}}@media (width<=768px){.gate{place-items:center;padding:60px 22px}.v2 .gate__ring{opacity:1;width:160vw;max-width:none;height:auto;top:-22vh;bottom:auto;translate:-50%}.gate__card,.gate__card.is-wide{width:100%;padding:24px 20px}.v2 .gate__title{--hero-size:36px;font-size:36px}.gate__title span{-webkit-text-stroke-width:.5px}.gate__lead{max-width:none;margin-top:20px;font-size:15px}.gate__fine{margin-top:16px;font-size:13px}.gate__fine a{margin:-7px -4px;padding:7px 4px;display:inline-block}.gate__google{margin-top:24px;padding:18px;font-size:15px}.gate__brand{margin-bottom:24px;font-size:17px}.gate__brand img{width:36px;height:36px}.ob-steps{gap:10px;margin-bottom:24px}.ob-steps li{font-size:13px}.ob-steps li span{display:none}.ob-form{gap:20px;margin-top:24px}.ob-field{flex-direction:column;align-items:stretch;gap:10px}.ob-field__label{width:auto;font-size:14px}.ob-field input{font-size:15px}.ob-avatar,.ob-avatar__well{gap:14px}.ob-avatar__well img,.ob-avatar__empty{width:64px;height:64px}.ob-avatar__hint,.ob-avatar__clear{font-size:13px}.ob-picks{gap:12px}.ob-pick{gap:10px;padding:0 12px;font-size:14px}.ob-picks.is-wrap .ob-pick{padding:12px 16px;font-size:14px}.ob-acts{gap:20px;margin-top:8px}.ob-next{padding:18px;font-size:15px}.ob-minor{gap:24px}.ob-minor .cta2{font-size:15px}}
