.login{justify-content:safe center;align-items:center;overflow:auto}.login .card{text-align:center;width:min(470px,100%);padding:44px 24px 36px}.login-logo{width:120px;height:120px;color:var(--color-heading);margin:0 auto 12px}.login .welcome{margin:0;font-size:1.7rem;font-weight:600}.login h1{margin:14px 0 30px;font-size:clamp(3rem,10vw,4.6rem)}.login .tag{margin:0 0 32px;font-size:1.6rem;font-weight:600;line-height:1.1}.google{background:var(--color-surface);border-radius:var(--radius-small);color:#222;border:1px solid #999;align-items:center;gap:14px;padding:20px 34px;font-family:Outfit,sans-serif;font-size:1.4rem;display:inline-flex}.auth-form{text-align:left;flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;font-size:1.2rem;font-weight:600;display:flex}.auth-field input{font:600 1.2rem var(--body);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-small);padding:10px 12px}.auth-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.auth-form .btn{margin-top:8px}.switch-link{color:var(--color-heading);background:0 0;border:0;margin-top:20px;font-size:1.1rem;font-weight:600;text-decoration:underline}.auth-back{color:var(--color-on-strong);font-family:var(--display);background:0 0;border:0;align-items:center;gap:6px;margin-bottom:12px;font-size:1.3rem;display:inline-flex}.auth-back:hover{text-underline-offset:4px;text-decoration:underline}