.login-page{width:min(100%,27rem);margin:0 auto;padding:4rem 1.5rem}.login-page h1{margin-top:.25rem;font-size:2rem;line-height:1.15;letter-spacing:-.02em}.login-intro{margin-top:.75rem;color:var(--ink-soft)}.login-error{margin-top:1.25rem;padding:.75rem .9rem;border:1px solid var(--el-vote-tint);border-radius:var(--r-sm);background:var(--el-vote-tint);color:var(--el-vote-deep);font-size:.9rem}.login-sent{margin-top:1.5rem}.login-social,.login-form{display:grid;gap:.75rem}.login-social{margin-top:1.75rem}.login-social-btn{position:relative;width:100%;min-height:2.75rem}.login-provider-mark{position:absolute;left:1rem;width:1.15rem;height:1.15rem}.login-provider-mark svg{display:block;width:100%;height:100%}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.35rem 0;color:var(--ink-faint);font-size:.8rem;white-space:nowrap}.login-divider:before,.login-divider:after{content:"";width:100%;height:1px;background:var(--line)}.login-form label{font-size:.9rem;font-weight:600}.login-form input{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:.7rem .85rem;background:var(--card);color:var(--ink);font:inherit}.login-form input::placeholder{color:var(--ink-faint)}.login-form button{min-height:2.75rem}.login-note{margin-top:1rem;color:var(--ink-soft);font-size:.9rem}@media(max-width:30rem){.login-page{padding-top:2.5rem}.login-page h1{font-size:1.75rem}}