/* CCYFX CRM login page */
body { margin: 0; background: var(--f-stone); }
.x-login { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; box-sizing: border-box; }
.x-login-card { width: 100%; max-width: 380px; background: var(--f-white); border: 1px solid var(--f-rule); padding: 32px 28px; display: grid; gap: 16px; box-sizing: border-box; }
.x-login-brand { display: flex; align-items: center; gap: 12px; font-size: 22px; }
.x-login-brand .x-logo-word { color: var(--f-ink); }
.x-login-brand .x-logo-word span { color: var(--x-red-text); }
.x-login h1 { font-family: var(--f-display); font-weight: 500; font-size: 26px; margin: 8px 0 0; }
.x-login-sub { margin: -8px 0 4px; color: var(--f-muted); }
.x-login .f-field { display: grid; gap: 6px; }
.x-login .f-input { width: 100%; box-sizing: border-box; }
.x-login-err { margin: 0; color: var(--x-red-text); }
.x-login .f-btn { justify-content: center; width: 100%; }