.spinner{border-style:solid;border-color:var(--color-primary-lighter);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:.7s linear infinite spin;display:inline-block}.spinner--sm{border-width:2px;width:1rem;height:1rem}.spinner--md{border-width:2.5px;width:1.5rem;height:1.5rem}.spinner--lg{border-width:3px;width:2.5rem;height:2.5rem}.spinner-container{padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}
.login-page{min-height:calc(100vh - var(--navbar-height));padding:var(--spacing-xl) var(--container-padding);background:linear-gradient(160deg, var(--color-background) 0%, var(--color-primary-bg) 50%, var(--color-background) 100%);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-xl);animation:.4s scaleIn;overflow:hidden}.login-card__header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);text-align:center;flex-direction:column;display:flex}.login-card__logo{border-radius:var(--radius-md);padding:var(--spacing-sm);background:#fffffff2}.login-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse)}.login-card__subtitle{font-size:var(--font-size-sm);color:#fffc}.login-card__body{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;display:flex}.login-card__description{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.login-button{justify-content:center;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:none;display:flex}.login-button:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button__icon{border-radius:var(--radius-md);background:#ffffff26;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.login-button__icon svg{width:20px;height:20px}.login-card__divider{align-items:center;gap:var(--spacing-md);display:flex}.login-card__divider:before,.login-card__divider:after{content:"";background-color:var(--color-border-light);flex:1;height:1px}.login-card__divider span{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.login-card__footer{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);text-align:center}.login-card__help{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.login-card__help a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.login-card__help a:hover{text-decoration:underline}.login-redirect-container{align-items:center;gap:var(--spacing-md);text-align:center;background:var(--color-surface);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;width:100%;max-width:400px;animation:.3s scaleIn;display:flex}.login-redirect-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}@media (max-width:640px){.login-page{padding:var(--spacing-md);padding-top:var(--spacing-2xl);align-items:flex-start}.login-card{border-radius:var(--radius-lg)}.login-card__header{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.login-card__body{padding:var(--spacing-lg)}}