.login-wrap{background:var(--login-bg);place-items:center;height:100%;padding:20px;display:grid;position:relative;overflow-y:auto}.login-wrap>:not(.pond){z-index:1;position:relative}.login-card{background:var(--panel);border:1px solid var(--line-2);width:min(400px,100%);box-shadow:0 30px 70px -30px color-mix(in srgb, var(--shadow) 40%, transparent);border-radius:32px;flex-direction:column;gap:12px;margin-top:60px;padding:28px;display:flex}.login-card h1{font-size:var(--fs-2xl);margin:4px 0 0;line-height:1.15}.login-frog{margin:-92px auto -4px;display:block}.login-links{font-size:var(--fs-sm);flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.login-links button,.login-alt button,.login-staff button,.login-forgot{color:var(--link);white-space:nowrap;font-weight:700}.login-forgot{font-size:var(--fs-sm);align-self:flex-end;margin-top:-6px}.login-alt{text-align:center;font-size:var(--fs-sm);color:var(--muted);margin:0}.login-alt.small{font-size:var(--fs-sm);margin-top:-6px}.login-staff{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:6px;margin-top:2px;padding-top:12px;display:flex}.login-staff>span{font-size:var(--fs-xs);color:var(--faint)}.login-staff>div{flex-wrap:wrap;justify-content:center;gap:4px 14px;display:flex}.login-staff button{font-size:var(--fs-xs);color:var(--muted);font-weight:600}.login-staff button:hover{color:var(--link)}.login-home{top:16px;left:16px;z-index:2!important;position:absolute!important}