.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background{background:linear-gradient(135deg,var(--primary-600)0%,var(--secondary-600)100%);opacity:.1;position:absolute;inset:0}.login-background:before{content:"";background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/50px 50px;width:200%;height:200%;animation:20s linear infinite backgroundMove;position:absolute;top:-50%;left:-50%}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-container{width:100%;max-width:480px;padding:var(--spacing-lg);z-index:1;animation:fadeIn var(--transition-slow)ease-out;position:relative}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-2xl)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-title{background:linear-gradient(135deg,var(--primary-600)0%,var(--secondary-600)100%);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.login-subtitle{color:var(--foreground-secondary);font-size:1rem}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.login-error{padding:var(--spacing-md);border:1px solid var(--error-500);border-radius:var(--radius-md);color:var(--error-500);text-align:center;background:#ef44441a;font-size:.875rem}.login-divider{margin:var(--spacing-xl)0;text-align:center;position:relative}.login-divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.login-divider span{padding:0 var(--spacing-md);background:var(--background);color:var(--foreground-tertiary);font-size:.875rem;position:relative}.social-login-buttons{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.social-button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);color:var(--foreground);cursor:pointer;transition:all var(--transition-base);flex:1;font-size:.9375rem;font-weight:600;display:flex}.social-button:hover:not(:disabled){background:var(--background-secondary);border-color:var(--foreground-tertiary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.social-button:disabled{opacity:.5;cursor:not-allowed}.social-icon{flex-shrink:0;width:20px;height:20px}.social-button-apple{color:#000}@media (prefers-color-scheme:dark){.social-button-apple{color:#fff}}.login-demo{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border)}.demo-title{color:var(--foreground-secondary);margin-bottom:var(--spacing-md);text-align:center;font-size:.875rem;font-weight:600}.demo-accounts{gap:var(--spacing-sm);flex-direction:column;display:flex}.demo-account{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md);flex-direction:column;font-size:.875rem;display:flex}.demo-account strong{color:var(--foreground)}.demo-account span{color:var(--foreground-secondary);font-family:Courier New,monospace}@media (max-width:640px){.login-title{font-size:1.5rem}.login-container{padding:var(--spacing-md)}}