.auth body{background:var(--canvas)}.login-page{background:var(--canvas);justify-content:center;width:100%;min-height:100dvh;display:flex}.login-page .login-wrapper{background-color:var(--canvas);text-align:left;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:48px 24px;display:flex}@media (max-width:480px){.login-page .login-wrapper{padding:36px 16px 56px}}@media (min-width:768px){.login-page .login-wrapper{padding:72px 24px}}.login-page .login-wrapper .login-box,.login-page .login-wrapper .register-box{width:100%;max-width:380px}.login-page .login-wrapper .logo{text-align:left;width:100%;max-width:380px;margin:0 auto 28px}.login-page .login-wrapper .logo a{line-height:0;display:inline-block}.login-page .login-wrapper .logo img{max-width:140px;height:auto}@media (max-width:480px){.login-page .login-wrapper .logo img{max-width:120px}}.login-page .login-wrapper .logo img.dark{display:none}.login-page .login-wrapper h1{color:var(--ink-900);font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:12px;padding-top:18px;font-size:clamp(32px,4.6vw,46px);font-weight:500;line-height:1.05;position:relative}.login-page .login-wrapper h1:before{background:var(--accent-600);content:"";width:56px;height:2px;position:absolute;top:0;left:0}.login-page .login-wrapper>.login-box>p,.login-page .login-wrapper>.register-box>p{color:var(--ink-500);font-family:var(--font-ui);max-width:44ch;margin-bottom:32px;font-size:15px;line-height:1.55}.login-page .login-wrapper .forgot-password-link{color:var(--ink-500);margin:0 0 20px;font-size:13px}.login-page .login-wrapper .forgot-password-link a{color:var(--ink-700);transition:color .2s var(--ease-out);font-weight:500}.login-page .login-wrapper .forgot-password-link a:hover{color:var(--accent-600)}.login-page .login-wrapper .login-register-link{color:var(--ink-500);margin:24px 0 0;font-size:13px}.login-page .login-wrapper .login-register-link a{color:var(--ink-900);transition:color .2s var(--ease-out);font-weight:500}.login-page .login-wrapper .login-register-link a:hover{color:var(--accent-600)}.login-page .login-wrapper .login-verified{border-radius:var(--r-md);font-family:var(--font-ui);margin:0 0 24px;padding:12px 16px;font-size:14px;line-height:1.55}.login-page .login-wrapper .login-verified p{margin:0}.login-page .login-wrapper .login-verified a{transition:color .2s var(--ease-out);font-weight:500;text-decoration:none}.login-page .login-wrapper .login-verified.login-verified--success{color:var(--ink-700);background:#1f7a3f14;border:1px solid #1f7a3f2e}.login-page .login-wrapper .login-verified.login-verified--success strong{color:var(--status-success)}.login-page .login-wrapper .login-verified.login-verified--invalid{color:var(--ink-700);background:#c43c2a14;border:1px solid #c43c2a33}.login-page .login-wrapper .login-verified.login-verified--invalid strong{color:var(--status-error)}.login-page .login-wrapper .login-verified.login-verified--invalid a{color:var(--accent-600)}.login-page .login-wrapper .login-verified.login-verified--invalid a:hover{color:var(--accent-700);text-decoration:underline}.login-page .login-wrapper .login-unverified{background:var(--canvas-raised);border:1px solid var(--accent-300);border-left:4px solid var(--accent-600);border-radius:var(--r-md);color:var(--ink-700);font-family:var(--font-ui);margin:0 0 20px;padding:14px 16px}.login-page .login-wrapper .login-unverified p{margin:0}.login-page .login-wrapper .login-unverified .login-unverified-heading{color:var(--ink-900);margin-bottom:4px;font-size:14px;font-weight:500}.login-page .login-wrapper .login-unverified .login-unverified-heading strong{color:var(--accent-700)}.login-page .login-wrapper .login-unverified .login-unverified-body{font-size:13px;line-height:1.5}.login-page .login-wrapper .login-unverified a{color:var(--accent-600);font-weight:500;text-decoration:none}.login-page .login-wrapper .login-unverified a:hover{color:var(--accent-700);text-decoration:underline}.login-page .login-wrapper .forgot-password-confirmation{color:var(--ink-700);font-family:var(--font-ui);margin-top:16px;font-size:15px;line-height:1.55}.login-page .login-wrapper .forgot-password-confirmation p{margin:0 0 14px}.login-page .login-wrapper .forgot-password-confirmation strong{color:var(--ink-900);font-weight:600}.login-page .login-wrapper .forgot-password-confirmation .forgot-password-icon{background:var(--accent-100);border-radius:var(--r-full);color:var(--accent-600);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:inline-flex}.login-page .login-wrapper .forgot-password-confirmation .forgot-password-confirm-heading{color:var(--ink-900);font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 12px;font-size:28px;font-weight:500;line-height:1.15}.login-page .login-wrapper .forgot-password-confirmation .forgot-password-confirm-help{color:var(--ink-500);margin-top:4px;font-size:14px}.login-page .login-wrapper .forgot-password-confirmation .forgot-password-resend{color:var(--accent-600);cursor:pointer;font:inherit;transition:color .2s var(--ease-out);background:0 0;border:0;padding:0;font-weight:500}.login-page .login-wrapper .forgot-password-confirmation .forgot-password-resend:hover{color:var(--accent-700);text-decoration:underline}.login-page .login-wrapper .forgot-password-confirmation .login-register-link{margin-top:28px}.login-page .login-wrapper form,.login-page .login-wrapper form>button[type=submit]{margin-top:24px}[data-theme=dark] .login-page .login-wrapper .logo img.light{display:none}[data-theme=dark] .login-page .login-wrapper .logo img.dark{display:inline-block}