.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden;background:var(--color-background-gradient,var(--color-background,#f5f5f5))}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(var(--color-primary-rgb),.07) 0,transparent 42%),radial-gradient(circle at 80% 70%,rgba(var(--color-primary-rgb),.05) 0,transparent 45%),linear-gradient(180deg,rgba(var(--color-primary-rgb),.03) 0,transparent 35%);pointer-events:none;z-index:0}.login-card{position:relative;z-index:1;width:100%;max-width:400px;padding:2rem;background:var(--glass-bg,rgba(255,255,255,.82));border:1px solid var(--glass-border,rgba(0,0,0,.08));border-radius:6px;box-shadow:var(--shadow-xl,0 20px 25px -5px rgba(0,0,0,.08));backdrop-filter:blur(var(--glass-blur,12px));-webkit-backdrop-filter:blur(var(--glass-blur,12px))}.login-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;text-align:center}.login-logo{width:72px;height:72px;object-fit:contain;display:block;filter:drop-shadow(0 8px 24px rgba(var(--color-primary-rgb),.15))}.login-brand{display:flex;flex-direction:column;gap:.25rem}.login-site-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--color-text-primary);line-height:1.2;margin:0}.login-subtitle{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin:0}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.375rem}.form-label{font-family:var(--font-body);font-size:.8125rem;font-weight:600}.form-input,.form-label{color:var(--color-text-primary)}.form-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;background:var(--color-surface,#ffffff);border:1px solid var(--color-border,#e5e7eb);border-radius:6px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--color-text-muted,#9ca3af)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface-secondary,#fafafa)}.error-message{padding:.75rem;font-size:.8125rem;text-align:center;color:var(--color-error,#ef4444);background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:6px}.login-submit{width:100%;min-height:2.75rem;margin-top:.25rem}.login-submit.loading{color:transparent;position:relative}.login-submit.loading:after{content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:1.25rem;margin:-.625rem 0 0 -.625rem;border:2px solid rgba(255,255,255,.35);border-top:2px solid var(--color-text-inverse,#ffffff);border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.login-page{padding:1rem}.login-card{padding:1.5rem}.login-logo{width:64px;height:64px}.login-site-name{font-size:1.375rem}}