.auth-rise{animation:.64s cubic-bezier(.16,1,.3,1) both auth-rise;animation-delay:calc(var(--rise,0) * 55ms)}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}}.auth-shake{animation:.36s cubic-bezier(.36,.07,.19,.97) both auth-shake}@keyframes auth-shake{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.auth-stage{--stage-top:calc(var(--nav-height) + var(--region-offset));--stage-h:calc(100svh - var(--stage-top));--gutter:20px;--measure:480px;--display:clamp(34px, 9.4vw, 42px);--field-radius:14px;--field-line:#ffffff38;--field-rule:#ffffff1a;--field-bg:#121214;padding-top:var(--nav-height);color:#fff;background:#0c0c0c;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.auth-stage__photo{grid-area:1/1;height:clamp(240px,38svh,520px);margin:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 45%,#0000 97%);mask-image:linear-gradient(#000 45%,#0000 97%)}.auth-stage__photo img{object-fit:cover;object-position:52% 26%;filter:saturate(.86)contrast(1.05);width:100%;height:100%;animation:1.6s cubic-bezier(.16,1,.3,1) both auth-settle;display:block}.auth-stage__photo[data-photo=street] img{object-position:50% 14%}@keyframes auth-settle{0%{opacity:0;transform:scale(1.04)}}.auth-stage__column{z-index:1;min-width:0;padding:0 var(--gutter) 32px;flex-direction:column;grid-area:2/1;margin-top:calc(-1*clamp(56px,10svh,120px));display:flex;position:relative}.auth-stage__masthead,.auth-stage__body,.auth-stage__foot{width:100%;max-width:var(--measure)}.auth-stage__title{font-weight:inherit;margin:0}.auth-stage__kicker{font-family:var(--font-sans);letter-spacing:-.005em;color:#ffffffc7;align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:20px;animation:.7s cubic-bezier(.16,1,.3,1) both auth-rise;display:flex}.auth-stage__dot{background:var(--color-blink);border-radius:999px;flex:none;width:6px;height:6px;box-shadow:0 0 0 3px #352ced38}.auth-stage__statement{font-family:var(--font-display);font-size:var(--display);letter-spacing:-.04em;color:#fff;text-wrap:balance;margin-top:14px;font-weight:600;line-height:1.04;animation:.8s cubic-bezier(.16,1,.3,1) 60ms both auth-rise;display:block}.auth-stage__lead{letter-spacing:-.01em;color:#ffffffb3;text-wrap:pretty;max-width:40ch;margin:14px 0 0;font-size:16px;line-height:1.5}.auth-stage__body{margin-top:28px}.auth-stage__foot{color:#ffffffb3;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;margin-top:28px;padding-top:20px;font-size:14px;display:flex}@media(min-width:640px){.auth-stage{--gutter:40px;--display:44px}.auth-stage__column{width:100%;max-width:calc(var(--measure) + 2 * var(--gutter));justify-self:center}}@media(min-width:1024px){.auth-stage{--gutter:clamp(40px, 5vw, 96px);--column:clamp(560px, 44vw, 720px);--display:clamp(46px, 3.9vw, 60px);grid-template-columns:minmax(0,var(--column)) minmax(0,1fr);min-height:100svh}.auth-stage__photo{top:var(--stage-top);width:calc(100% - var(--column) + var(--gutter) - 24px);height:var(--stage-h);grid-area:1/1/auto/-1;place-self:start end;position:sticky;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0009 13%,#000 30%);mask-image:linear-gradient(90deg,#0000,#0009 13%,#000 30%)}.auth-stage__photo img,.auth-stage__photo[data-photo=street] img{object-position:var(--photo-x) calc(var(--eye) * 100%)}.auth-stage__column{max-width:none;min-height:var(--stage-h);padding:56px var(--gutter);grid-area:1/1;justify-content:center;justify-self:stretch;margin-top:0}.auth-stage__lead{font-size:17px}.auth-stage__body{margin-top:32px}}.auth-fields{border:1px solid var(--field-line);border-radius:var(--field-radius);background:var(--field-bg)}.auth-field{cursor:text;padding:11px 16px 10px;transition:box-shadow .16s,background-color .16s;position:relative;container:auth-field/inline-size}.auth-field+.auth-field{border-top:1px solid var(--field-rule)}.auth-field:first-child{border-top-left-radius:calc(var(--field-radius) - 1px);border-top-right-radius:calc(var(--field-radius) - 1px)}.auth-field:last-child{border-bottom-left-radius:calc(var(--field-radius) - 1px);border-bottom-right-radius:calc(var(--field-radius) - 1px)}.auth-field:focus-within{z-index:1;background-color:#18181b;box-shadow:inset 0 0 0 1.5px #fff}.auth-field[data-invalid]{box-shadow:inset 0 0 0 1.5px #ff8a95}.auth-field[data-invalid]:focus-within{box-shadow:inset 0 0 0 1.5px #fff}.auth-field__label{letter-spacing:0;color:#ffffff9e;cursor:text;font-size:12.5px;font-weight:500;line-height:16px;display:block}.auth-field[data-invalid] .auth-field__label{color:#ff8a95}.auth-field__input{min-width:0;height:28px;font:inherit;letter-spacing:-.01em;color:#fff;caret-color:#fff;background:0 0;border:0;outline:none;flex:1;margin-top:3px;padding:0;font-size:17px;line-height:28px;display:block}:is(.auth-field__input:autofill){-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 100px var(--field-bg) inset;box-shadow:0 0 0 100px var(--field-bg) inset;caret-color:#fff}:is(.auth-field:focus-within .auth-field__input:autofill){box-shadow:inset 0 0 0 100px #18181b}.auth-field__status{color:#fff;flex:none;align-items:center;gap:5px;font-size:12.5px;font-weight:500;line-height:16px;display:inline-flex}.auth-field__status[data-tone=invalid]{color:#ff8a95}.auth-glyph{flex:none;width:12px;height:12px}.auth-requirements{flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}@container auth-field (max-width:473px){.auth-requirements{grid-template-columns:repeat(3,max-content);display:grid}}.auth-requirement{color:#ffffff80;align-items:center;gap:5px;font-size:12.5px;font-weight:500;line-height:18px;transition:color .16s;display:inline-flex}.auth-requirement[data-state=pending] .auth-glyph{color:#ffffff52}.auth-requirement[data-state=met]{color:#fff}.auth-requirement[data-state=missing]{color:#ff8a95}.account-tabs{scrollbar-width:none}.account-tabs::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.auth-rise,.auth-shake,.auth-stage__photo img,.auth-stage__kicker,.auth-stage__statement{animation:none}}.account-stage{background:#fff;border:1px solid #ececf0;border-radius:24px}.account-stage .account-stage{border:0}.account-stage__shadow{filter:blur(6px);background:radial-gradient(closest-side,#00000029,#0000);border-radius:50%;height:22%;position:absolute;bottom:-6%;left:8%;right:8%}
