.avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.login-error { color: #b42318; font-weight: 700; margin: .5rem 0; }
.spinner { display: inline-block; width: 28px; height: 28px; border: 3px solid #dbe8f7; border-top-color: var(--blue); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }