.login-page,.signup-page{display:grid;min-height:100dvh;margin:0;padding:var(--space-4);place-items:center;background:radial-gradient(circle at top left,rgba(37,99,235,.14),transparent 30rem),linear-gradient(135deg,var(--color-bg),var(--color-bg-warm));font-family:var(--font-body)}.login-card{display:grid;gap:var(--space-5);width:100%;max-width:42rem;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#fffffff0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-brand{display:flex;align-items:center;gap:var(--space-3)}.login-brand__mark{display:grid;flex:0 0 auto;width:4.8rem;height:4.8rem;border-radius:var(--radius-md);place-items:center;background:linear-gradient(135deg,#60a5fa,var(--color-primary));color:#fff;font-family:var(--font-display);font-weight:700;box-shadow:0 12px 24px #2563eb3d}.login-brand__copy{display:grid;gap:var(--space-1)}.login-eyebrow{margin:0;color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.login-title{margin:0;color:var(--color-navy);font-family:var(--font-display);font-size:2.4rem;line-height:1.15}.login-description{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.login-form{display:grid;gap:var(--space-4)}.login-field{display:grid;gap:var(--space-2)}.login-field label{color:var(--color-ink);font-size:var(--text-sm);font-weight:800}.login-field input{width:100%;min-height:var(--control-height-large);padding:0 var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink)}.login-field input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.login-field input[readonly]{background:var(--color-surface-soft);color:var(--color-muted)}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--control-height-large);padding:0 var(--space-4);border:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));color:#fff;box-shadow:0 10px 18px #2563eb2e;cursor:pointer;font-weight:800}.login-submit:hover:not(:disabled){box-shadow:0 12px 24px #2563eb3d}.login-submit:disabled{opacity:.58;cursor:not-allowed}.login-error{margin:0;padding:var(--space-3);border:1px solid #fecaca;border-radius:var(--radius-md);background:var(--color-danger-soft);color:#991b1b;font-size:var(--text-sm);font-weight:700}.login-error:empty{display:none}@media (max-width: 480px){.login-page,.signup-page{align-items:start;padding:var(--space-3)}.login-card{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md)}.login-field input{font-size:16px}}