.login-page{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-container{width:100%;max-width:448px}.login-logo{justify-content:center;margin-bottom:1rem;display:flex}.login-heading{font-family:var(--font-display);font-size:10px;font-weight:var(--font-medium);color:var(--foreground-secondary);text-transform:uppercase;letter-spacing:2px;text-align:center;margin-bottom:2rem;line-height:1.4}.login-alert{background-color:var(--primary-light);border:1px solid #9d00ff33;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:1.5rem;padding:16px;display:flex}.login-alert-icon{width:18px;height:18px;color:var(--primary);flex-shrink:0;margin-top:2px}.login-alert-text{font-family:var(--font-body);font-size:10px;font-weight:var(--font-bold);color:var(--foreground-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;line-height:1.6}.login-card{background-color:var(--card);border:1px solid var(--border-light);border-radius:16px;padding:24px;box-shadow:0 5px 4px #0000000f}.login-form{flex-direction:column;gap:20px;display:flex}.form-field{flex-direction:column;display:flex}.form-label{font-family:var(--font-body);font-size:10px;font-weight:var(--font-bold);color:var(--foreground-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.input-wrapper{position:relative}.input-icon{width:18px;height:18px;color:var(--foreground-secondary);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-input{background-color:var(--input-background);width:100%;height:50px;font-family:var(--font-body);font-size:14px;font-weight:var(--font-regular);color:var(--foreground);border:1px solid #0000;border-radius:12px;outline:none;padding:0 16px 0 48px;transition:all .2s}.form-input::placeholder{color:var(--input-placeholder)}.form-input:hover{background-color:#e5e5e5}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input-password{padding-right:48px}.password-toggle{cursor:pointer;color:var(--foreground-secondary);background:0 0;border:none;padding:0;transition:color .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle:hover{color:var(--foreground)}.password-toggle-icon{width:18px;height:18px}.form-error{background-color:var(--error-light);font-family:var(--font-body);font-size:12px;font-weight:var(--font-medium);color:var(--error);border:1px solid #ef44444d;border-radius:12px;padding:12px}.login-button{background-color:var(--primary);width:100%;height:48px;color:var(--foreground-light);font-family:var(--font-body);font-size:14px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:1.4px;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;transition:all .2s;display:flex}.login-button:hover:not(:disabled){background-color:var(--primary-hover)}.login-button:active:not(:disabled){background-color:var(--primary-active)}.login-button:disabled{cursor:not-allowed;background-color:#9d00ff66}.login-button-icon{width:18px;height:18px}.login-footer{font-family:var(--font-body);font-size:10px;font-weight:var(--font-bold);color:#4a5565;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-top:2rem;line-height:1.6}