.login-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--color-bg-page)}.login-card{background:var(--color-bg-card);padding:var(--space-9);box-shadow:var(--shadow-xl);max-width:450px;width:100%;text-align:center}.login-card,.logo-container{border-radius:var(--radius-xl)}.logo-container{display:inline-flex;justify-content:center;margin-bottom:var(--space-6);background-color:var(--color-primary-light);padding:var(--space-4)}.logo{width:120px;height:120px;display:block;object-fit:contain}.login-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.login-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-7)}.signin-wrapper{display:flex;justify-content:center;align-items:center;min-height:50px;margin-top:var(--space-6)}.login-error{background-color:var(--color-bg-error);color:var(--color-text-error);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-base)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spinner{border-top:4px solid var(--color-border-spinner);border:4px solid var(--color-border-spinner);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:var(--color-text-secondary);font-size:var(--text-base)}@media (max-width:480px){.login-card{padding:var(--space-6)}.logo{width:90px;height:90px}.login-title{font-size:var(--text-xl)}}