.login-screen { min-height: 100dvh; padding: 28px 16px; }
.login-card.login-card-professional { width: min(100%, 440px); padding: 28px; }
.login-card .login-logo { max-height: 70px; width: auto; object-fit: contain; }
.login-card .login-professional-focus { margin: 16px 0; padding: 12px; }
.login-card .login-professional-photo { width: 56px; height: 56px; }
.login-card h1 { font-size: 26px; margin: 16px 0 8px; }
.login-card input { min-height: 48px; font-size: 16px; }
.login-card .login-submit { min-height: 48px; }
.login-card .login-submit[aria-busy="true"] { cursor: progress; }
.login-card .login-submit[aria-busy="true"]::before { content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 10px; border: 2px solid #ffffff60; border-top-color: #fff; border-radius: 50%; animation: login-spin .8s linear infinite; }
@keyframes login-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .login-card .login-submit[aria-busy="true"]::before { animation: none; } }
@media (max-width: 480px) { .login-card.login-card-professional { padding: 22px; } }