.login-container{min-height:var(--min-height-page);padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:var(--max-width-sm);padding:var(--space-8);border-radius:var(--radius-tile);background:var(--bento-tile);color:var(--color-text-primary)}.login-card h2{margin:0 0 var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.login-subtitle{margin:0 0 var(--space-6);color:var(--color-text-label);font-size:var(--font-size-base)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.login-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.login-field input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--bento-tile-raised);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-tight);font-family:var(--font-family);transition:border-color var(--transition-fast)}.login-field input:focus{outline:none}.login-field input::placeholder{color:var(--color-text-muted)}.login-error{padding:var(--space-3);border-radius:var(--radius-tile-sm);background:var(--color-error-bg);color:var(--color-error-text);font-size:var(--font-size-base)}.login-submit{margin-top:var(--space-2);padding:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-xl);background:var(--color-accent);color:var(--color-accent-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family);letter-spacing:var(--letter-spacing-normal);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.login-submit:hover:not(:disabled){background:var(--color-accent-hover)}.login-submit:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.login-toggle{margin-top:var(--space-4);width:100%;color:var(--color-text-secondary);font-size:var(--font-size-base);text-align:center;cursor:pointer;font-family:var(--font-family);transition:color var(--transition-fast);background:0 0;border:none;padding:0}.login-toggle:hover{color:var(--color-text-primary)}