@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-var.ttf)format("truetype");font-weight:300 700;font-style:normal;font-display:swap}.vp-client-auth{--display:"Space Grotesk",system-ui,sans-serif;--auth-text:#f1f5fc;--auth-muted:#b1bed2;--auth-gold:#ead9b8;--auth-line:#33455f;min-width:320px;min-height:100svh;color:var(--auth-text);color-scheme:dark;font:400 15px/1.6 var(--display);-webkit-font-smoothing:antialiased;background:#0b1120;flex-direction:column;margin:0;display:flex}.vp-client-auth *,.vp-client-auth :before,.vp-client-auth :after{box-sizing:border-box}.vp-client-auth [hidden]{display:none!important}.vp-client-auth a{color:inherit;text-underline-offset:4px}.vp-client-auth :is(button,input){font:inherit}.vp-client-auth :is(a,button,input,summary):focus-visible{outline-offset:4px;outline:3px solid #90b5ff}.auth-skip{z-index:10;background:var(--auth-gold);padding:12px;position:absolute;top:-100px;left:16px;color:#0b1120!important}.auth-skip:focus{top:12px}.auth-head{background:#0b101a;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;padding:20px clamp(20px,5vw,72px);display:flex}.auth-brand{text-decoration:none}.auth-back{align-items:center;gap:20px;min-height:44px;font-size:13px;text-decoration:none;display:flex;color:var(--auth-muted)!important}.auth-back:hover{color:var(--auth-gold)!important}.auth-main{grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;gap:clamp(40px,7vw,110px);width:min(1120px,100% - 64px);margin:auto;padding:48px 0;display:grid}.auth-story{isolation:isolate;padding:54px 32px 54px 0;position:relative}.auth-story:before{content:"";z-index:-1;opacity:.65;background:linear-gradient(90deg,#0b1120ad,#0b1120eb),url(/media/night-city/poster.webp) 50%/cover;border-radius:24px;position:absolute;inset:-48px -24px -48px -100px;mask-image:linear-gradient(90deg,#000 60%,#0000)}.vp-client-auth .eyebrow{letter-spacing:.16em;color:var(--auth-gold);font-size:11px;font-weight:600}.auth-story h2{letter-spacing:-.045em;margin:24px 0;font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1.14}.auth-story h2 span{color:var(--auth-gold)}.auth-story p{max-width:360px;color:var(--auth-muted);font-size:16px;line-height:1.8}.auth-story-note{color:var(--auth-gold);align-items:center;gap:12px;margin-top:40px;font-size:13px;display:flex}.auth-panel{border:1px solid var(--auth-line);background:#131e32;border-radius:20px;min-width:0;padding:32px;box-shadow:0 20px 70px #00000038}.vp-client-auth h1{letter-spacing:-.035em;margin:12px 0 10px;font-size:32px;font-weight:600;line-height:1.2}.vp-client-auth .muted{color:var(--auth-muted);margin:0;font-size:14px;line-height:1.6}.vp-client-auth .client-form{gap:16px;margin-top:24px;display:grid}.vp-client-auth .client-form label{color:var(--auth-text);gap:7px;font-size:13px;font-weight:500;display:grid}.vp-client-auth .client-form input{width:100%;min-width:0;min-height:46px;color:var(--auth-text);background:#0e182a;border:1px solid #667c9b;border-radius:9px;padding:11px 13px;font-size:16px;line-height:1.4}.vp-client-auth .client-form input:focus{border-color:var(--auth-gold)}.vp-client-auth button{cursor:pointer;border-radius:9px;min-height:46px;padding:11px 15px;font-size:14px;font-weight:600;line-height:1.5}.vp-client-auth button[type=submit]{border:1px solid var(--auth-gold);background:var(--auth-gold);color:#152034}.vp-client-auth button[type=submit]:hover:not(:disabled){background:#f4e8d2}.vp-client-auth button:disabled{opacity:.6;cursor:wait}.vp-client-auth .client-form-link{color:var(--auth-muted);font-size:13px}.vp-client-auth .client-status{color:var(--auth-muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:13px;line-height:1.6}.vp-client-auth .client-status:empty{display:none}.vp-client-auth .client-status.is-error{color:#ffb1bb}.vp-client-auth .client-form .client-status{margin:0}.vp-client-auth .client-auth-providers{gap:10px;margin-top:24px;display:grid}.vp-client-auth .client-auth-provider{color:var(--auth-text);background:#1b2940;border:1px solid #667c9b}.vp-client-auth .client-auth-provider:hover{border-color:var(--auth-gold);background:#273a55}.vp-client-auth .client-divider{color:var(--auth-muted);align-items:center;gap:12px;margin-top:20px;font-size:12px;display:flex}.vp-client-auth .client-divider:before,.vp-client-auth .client-divider:after{content:"";background:var(--auth-line);flex:1;height:1px}.vp-client-auth .client-auth-alt{border-top:1px solid var(--auth-line);margin-top:20px;padding-top:16px}.vp-client-auth .client-auth-alt summary{cursor:pointer;min-height:32px;color:var(--auth-gold);font-size:14px}.vp-client-auth .client-auth-step h2{margin:0;font-size:20px;line-height:1.3}.vp-client-auth .client-auth-step p{margin:0}.vp-client-auth .client-auth-footer{color:var(--auth-muted);border-top:1px solid var(--auth-line);margin:24px 0 0;padding-top:20px;font-size:13px}.vp-client-auth .client-auth-footer a{color:var(--auth-gold);font-weight:600}.vp-client-auth .auth-hint{color:var(--auth-muted);font-size:12px;font-weight:400}.vp-client-auth .auth-step-back{color:var(--auth-gold);border:1px solid var(--auth-line);background:0 0}.vp-client-auth [data-turnstile-slot]:empty{display:none}.vp-client-auth [data-turnstile-slot]:not(:empty){min-height:65px}.auth-foot{color:var(--auth-muted);justify-content:space-between;align-items:center;gap:16px;padding:20px clamp(20px,5vw,72px);font-size:12px;display:flex}.auth-foot nav{align-items:center;gap:20px;display:flex}.auth-foot a{text-decoration:none}.auth-foot a:hover{text-decoration:underline}@media (width<=820px){.auth-main{grid-template-columns:1fr;gap:24px;width:min(440px,100% - 32px);padding:32px 0}.auth-story{display:none}.auth-panel{padding:28px}.auth-head,.auth-foot{padding:16px 20px}.auth-foot nav{gap:14px}}@media (width<=380px){.auth-panel{padding:22px}.vp-client-auth h1{font-size:28px}.auth-back{gap:8px;font-size:12px}.auth-foot{flex-wrap:wrap}.auth-head .brand-lockup{gap:8px}.auth-head .brand-lockup__name{font-size:16px}}.auth-head .brand-lockup{flex-shrink:0;min-width:0}.auth-head .brand-lockup__name{white-space:nowrap}@media (width<=600px){.auth-head{gap:12px;padding:16px}.auth-head .brand-lockup{gap:9px}.auth-head .brand-lockup img{width:48px;min-width:48px;max-width:48px;height:40px}.auth-head .brand-lockup__name{letter-spacing:.12em;font-size:17px}.auth-head .brand-lockup__slogan{letter-spacing:.04em;font-size:8px}.auth-back{white-space:nowrap;gap:6px;font-size:12px}}
