.login-page{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--color-bg)}.login-container{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:2rem}.login-brand-icon{display:flex;justify-content:center;margin-bottom:1rem}.login-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 1.5rem;text-align:center}.login-error{background:#fff0f0;border:1px solid #ffcdd2;color:#c00;padding:.75rem 1rem;border-radius:4px;font-family:var(--font-sans);font-size:.875rem;margin-bottom:1rem}.login-form{gap:1rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.375rem}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-input,.form-label{font-family:var(--font-sans)}.form-input{font-size:1rem;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:4px;transition:border-color .15s,box-shadow .15s}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(37,99,235,.15)}.login-button{font-family:var(--font-sans);font-size:1rem;font-weight:500;color:#fff;background:var(--color-primary);border:none;padding:.75rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .15s;margin-top:.5rem}.login-button:hover:not(:disabled){background:var(--color-primary-dark)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--color-text-muted);font-family:var(--font-sans);font-size:.875rem}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.login-divider span{padding:0 1rem}.oauth-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);padding:.75rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .15s,border-color .15s}.oauth-button:hover{background:var(--color-bg);border-color:var(--color-text-muted)}.oauth-icon{width:20px;height:20px}.login-footer{text-align:center;margin-top:1.5rem;font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-muted)}.login-link{color:var(--color-accent);text-decoration:none}.login-link:hover{text-decoration:underline}