.auth-screen{--auth-ink: #171717;--auth-text: #575757;--auth-muted: #8a8a8a;--auth-line: #e4e4e4;--auth-field: #f6f6f6;--auth-red: #be2042;--auth-red-tint: #fdf4f6;--auth-ring: 0 0 0 4px rgba(190, 32, 66, .12);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;background:#fff;color:var(--auth-ink);font-family:var(--font, "Helvetica Neue", Helvetica, Arial, sans-serif)}.auth-screen button,.auth-screen input{font-family:inherit}.auth-form-side{flex:1;min-width:0;display:flex;flex-direction:column;padding:32px;overflow-y:auto}.auth-column{width:100%;max-width:440px;margin:auto;display:flex;flex-direction:column}.auth-screen .cn-brand{align-self:flex-start;margin-bottom:40px}.auth-title{margin:0;font-size:clamp(36px,3.6vw,48px);font-weight:300;line-height:1.05;letter-spacing:-.045em;color:var(--auth-ink);text-wrap:balance}.auth-lede{margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--auth-text);text-wrap:pretty}.auth-message{margin:24px 0 -6px}.auth-form{display:grid;gap:18px;margin-top:32px}.auth-field{display:grid;gap:7px;min-width:0}.auth-field label{font-size:13px;font-weight:500;color:var(--auth-text)}.auth-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.auth-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-input{position:relative;border:1px solid var(--auth-line);border-radius:16px;background:var(--auth-field);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.auth-input:hover{border-color:#d4d4d4}.auth-input:focus-within{border-color:#be20428c;background:var(--auth-red-tint);box-shadow:var(--auth-ring)}.auth-input input{display:block;width:100%;height:52px;padding:0 16px;box-sizing:border-box;border:0;border-radius:16px;background:transparent;font:inherit;font-size:15px;color:var(--auth-ink);outline:none}.auth-input input::placeholder{color:#a3a3a3}.auth-input input:-webkit-autofill,.auth-input input:-webkit-autofill:hover,.auth-input input:-webkit-autofill:focus{-webkit-text-fill-color:var(--auth-ink);-webkit-box-shadow:0 0 0 1000px var(--auth-field) inset;caret-color:var(--auth-ink);transition:background-color 9999s ease-out}.auth-input.has-toggle input{padding-right:54px}.auth-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:none;color:var(--auth-muted);cursor:pointer;transition:color .15s ease,background-color .15s ease}.auth-toggle svg{max-width:none}.auth-toggle:hover{color:var(--auth-ink);background:#0000000a}.auth-toggle:focus-visible{outline:none;box-shadow:var(--auth-ring)}.auth-hint{margin:0;font-size:12.5px;line-height:1.5;color:var(--auth-muted)}.auth-link,.auth-lede a,.auth-foot a,.auth-linkbtn{color:var(--auth-red);font-weight:500;text-decoration:none;text-underline-offset:3px}.auth-link:hover,.auth-lede a:hover,.auth-foot a:hover,.auth-linkbtn:hover{text-decoration:underline}.auth-link{font-size:13px}.auth-linkbtn{padding:0;border:0;background:none;font:inherit;cursor:pointer}.auth-link:focus-visible,.auth-foot a:focus-visible,.auth-linkbtn:focus-visible{outline:none;border-radius:4px;box-shadow:var(--auth-ring)}.auth-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:4px;border:0;border-radius:16px;background:#1a1a1a;color:#fff;font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.auth-submit:hover{background:#333}.auth-submit:active{transform:scale(.99)}.auth-submit:disabled{opacity:.6;cursor:wait;transform:none}.auth-divider{display:flex;align-items:center;gap:14px;margin:26px 0;font-size:13px;color:var(--auth-muted)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ececec}.auth-alts{display:grid;gap:10px}.auth-screen .btn-google,.auth-secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:0 16px;border:1px solid var(--auth-line);border-radius:16px;background:#fff;color:var(--auth-ink);font:inherit;font-size:15px;font-weight:500;box-shadow:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.auth-screen .btn-google:hover,.auth-secondary:hover{background:var(--auth-field);border-color:#d4d4d4;transform:none;box-shadow:none}.auth-screen .btn-google:active,.auth-secondary:active{transform:scale(.99)}.auth-secondary svg{color:var(--auth-text)}.auth-submit:focus-visible,.auth-secondary:focus-visible,.auth-screen .btn-google:focus-visible{outline:none;box-shadow:var(--auth-ring)}.auth-foot{margin:26px 0 0;text-align:center;font-size:14px;color:var(--auth-text)}.auth-form .consent{margin:0;padding:2px 0 0}.auth-form .consent-error{margin:-10px 0 0}.auth-screen .consent.is-on .consent-box{background:var(--auth-red);border-color:var(--auth-red);color:#fff}.auth-screen .consent-box:focus-visible{box-shadow:var(--auth-ring)}.auth-screen .consent-text{color:var(--auth-text)}.auth-screen .consent-text a{color:var(--auth-ink)}.auth-block{margin-top:28px}.auth-screen .tfa-title{font-size:18px;font-weight:500;letter-spacing:-.02em}.auth-screen .field input{height:52px;border:1px solid var(--auth-line);border-radius:16px;background:var(--auth-field)}.auth-screen .field input:focus{border-color:#be20428c;background:var(--auth-red-tint);box-shadow:var(--auth-ring)}.auth-screen .btn-primary{min-height:52px;border:0;border-radius:16px;background:#1a1a1a;color:#fff;box-shadow:none}.auth-screen .btn-primary:hover{background:#333;transform:none;box-shadow:none}.auth-art{flex:1;min-width:0;display:flex;padding:16px}.auth-art-frame{position:relative;flex:1;overflow:hidden;border-radius:24px;background:#141414}@keyframes auth-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes auth-art-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.auth-column>*{animation:auth-rise .5s cubic-bezier(.2,.7,.2,1) both}.auth-column>:nth-child(2){animation-delay:.05s}.auth-column>:nth-child(3){animation-delay:.1s}.auth-column>:nth-child(4){animation-delay:.15s}.auth-column>:nth-child(5){animation-delay:.2s}.auth-column>:nth-child(6){animation-delay:.25s}.auth-column>:nth-child(7){animation-delay:.3s}.auth-column>:nth-child(n+8){animation-delay:.35s}.auth-art-frame{animation:auth-art-in .8s cubic-bezier(.2,.7,.2,1) .15s both}@media (max-height: 860px){.auth-screen .cn-brand{margin-bottom:28px}.auth-title{font-size:clamp(32px,3.2vw,40px)}.auth-lede{margin-top:10px}.auth-form{gap:14px;margin-top:24px}.auth-input input{height:48px}.auth-submit,.auth-secondary,.auth-screen .btn-google{min-height:48px}.auth-divider{margin:20px 0}.auth-foot{margin-top:20px}}@media (max-height: 720px){.auth-form-side{padding-block:20px}.auth-screen .cn-brand{margin-bottom:20px}.auth-title{font-size:30px}.auth-form{gap:12px;margin-top:20px}.auth-input input{height:46px}.auth-submit,.auth-secondary,.auth-screen .btn-google{min-height:46px}.auth-divider{margin:16px 0}.auth-foot{margin-top:16px}}@media (max-width: 480px){.auth-form-side{padding:28px 16px}.auth-screen .cn-brand{margin-bottom:28px}}@media (max-width: 360px){.auth-pair{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.auth-column>*,.auth-art-frame{animation:none}.auth-input,.auth-toggle,.auth-submit,.auth-secondary,.auth-screen .btn-google{transition:none}}
