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