.login{padding:72px var(--gutter);flex:1;place-items:center;display:grid}.login__card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;padding:40px}.login__title{margin:26px 0 8px;font-size:34px}.login__hint{color:var(--text-body);margin-bottom:30px;font-size:14px}.login__form{gap:18px;display:grid}.login__form .btn{justify-content:center;margin-top:6px}.login__error{color:#ff6b6b;font-size:13px}.login__google{cursor:pointer;background:0 0;justify-content:center;gap:10px;width:100%}.login__google:disabled{opacity:.6;cursor:wait}.login__google svg{flex:none}.login__divider{color:var(--text-mute);align-items:center;gap:12px;margin:22px 0;font-size:9px;display:flex}.login__divider:before,.login__divider:after{content:"";background:var(--border);flex:1;height:1px}.login__notice{color:var(--lime);background:#aaff0012;border:1px solid #aaff004d;margin:0 0 4px;padding:11px 13px;font-size:13px;line-height:1.6}.login__alt{color:var(--text-mute);text-align:center;margin:22px 0 0;font-size:13px}.login__alt a{color:var(--lime);text-underline-offset:3px;text-decoration:underline}.login__guest{cursor:pointer;background:0 0;justify-content:center;width:100%}.login__guest:disabled{opacity:.6;cursor:wait}.login__guest-note{color:var(--text-mute);text-align:center;margin:10px 0 0;font-size:12px;line-height:1.6}