/* Public portal entry only. Native WordPress/LoginPress authentication is unchanged. */ body.cadence-dashboard-template:has(#cadence-portal-entry) { margin: 0; padding: 0; } .cadence-dashboard-page:has(#cadence-portal-entry) { margin: 0; padding: 0; } #cadence-portal-entry, #cadence-legacy-login { --entry-ink: var(--eff-color-text, #1a1a1a); --entry-muted: var(--eff-color-text-muted, #6b7280); --entry-bg: var(--eff-color-bg, #fafafa); --entry-surface: var(--eff-color-surface, #fff); --entry-line: var(--eff-color-border, #ececec); --entry-soft: var(--eff-color-accent-subtle, rgba(26, 26, 26, .1)); --entry-accent: var(--eff-color-accent, #1a1a1a); --entry-accent-hover: var(--eff-color-accent-hover, var(--entry-accent)); --entry-on-accent: var(--eff-color-on-accent, #fff); --entry-on-accent-hover: var(--eff-color-on-accent-hover, var(--entry-on-accent)); --entry-focus: var(--eff-color-focus, var(--entry-accent)); --entry-motion: transform var(--eff-duration, 220ms) var(--eff-ease, cubic-bezier(.2, .7, .2, 1)), background var(--eff-duration, 220ms) var(--eff-ease, cubic-bezier(.2, .7, .2, 1)), border-color var(--eff-duration, 220ms) var(--eff-ease, cubic-bezier(.2, .7, .2, 1)), color var(--eff-duration, 220ms) var(--eff-ease, cubic-bezier(.2, .7, .2, 1)), box-shadow var(--eff-duration, 220ms) var(--eff-ease, cubic-bezier(.2, .7, .2, 1)); } #cadence-portal-entry { display: block; width: 100%; min-height: 100vh; margin: 0; padding: 0; color: var(--entry-ink); background: var(--entry-bg); color-scheme: light; font-family: var(--eff-font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif), system-ui, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-wrap: anywhere; } #cadence-portal-entry[data-cadence-mode="dark"], #cadence-legacy-login[data-cadence-mode="dark"] { color-scheme: dark; } #cadence-portal-entry *, #cadence-portal-entry *::before, #cadence-portal-entry *::after { box-sizing: border-box; } #cadence-portal-entry :is(h1, h2, p) { color: inherit; font-family: inherit; margin: 0; } #cadence-portal-entry a { color: var(--entry-ink); text-decoration: none; } #cadence-portal-entry a:focus-visible { outline: 3px solid var(--entry-focus); outline-offset: 3px; } #cadence-portal-entry .cadence-entry-frame { max-width: 1200px; min-height: 100vh; padding: 0 24px; margin: 0 auto; display: flex; flex-direction: column; } #cadence-portal-entry .cadence-entry-header { display: flex; align-items: center; min-height: 96px; padding: 22px 0; border-bottom: 1px solid var(--entry-line); } #cadence-portal-entry .cadence-entry-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; max-width: 100%; border-radius: 8px; } #cadence-portal-entry .cadence-entry-brand > img { display: block; width: auto; max-width: 140px; max-height: 40px; object-fit: contain; flex: 0 0 auto; } #cadence-portal-entry .cadence-entry-brand > span:last-child { display: grid; gap: 1px; min-width: 0; } #cadence-portal-entry .cadence-entry-brand strong { font-size: 16px; font-weight: 650; line-height: 1.4; } #cadence-portal-entry .cadence-entry-brand > span > span { color: var(--entry-muted); font-size: 11px; } #cadence-portal-entry .cadence-entry-mark { display: grid; place-items: center; color: var(--entry-accent); width: 36px; height: 36px; flex: 0 0 36px; } #cadence-portal-entry svg { display: block; width: 27px; height: 27px; } #cadence-portal-entry .cadence-entry-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: 80px; flex: 1; padding: 72px 32px; } #cadence-portal-entry .cadence-entry-introduction { min-width: 0; } #cadence-portal-entry .cadence-entry-eyebrow { color: var(--entry-muted); font-size: 12px; font-weight: 600; letter-spacing: .035em; margin-bottom: 18px; } #cadence-portal-entry h1 { font-size: clamp(36px, 4vw, 50px); line-height: 1.12; letter-spacing: -.04em; font-weight: 700; max-width: 470px; } #cadence-portal-entry .cadence-entry-lead { margin-top: 22px; color: var(--entry-muted); font-size: 17px; line-height: 1.7; max-width: 400px; } #cadence-portal-entry .cadence-entry-features { display: grid; gap: 24px; margin-top: 38px; } #cadence-portal-entry .cadence-entry-features > div { display: flex; align-items: flex-start; gap: 15px; } #cadence-portal-entry .cadence-entry-feature-icon { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border: 1px solid var(--entry-line); border-radius: var(--eff-radius-sm, 10px); font-size: 11px; font-weight: 600; color: var(--entry-muted); } #cadence-portal-entry .cadence-entry-features h2 { font-size: 15px; line-height: 1.4; font-weight: 650; } #cadence-portal-entry .cadence-entry-features p { color: var(--entry-muted); margin-top: 5px; font-size: 13px; line-height: 1.65; } #cadence-portal-entry .cadence-entry-card { width: 100%; min-width: 0; padding: 40px; background: var(--entry-surface); border: 1px solid var(--entry-line); border-radius: var(--eff-radius-lg, 18px); box-shadow: var(--eff-shadow-sm, 0 1px 2px rgba(20, 18, 14, .04)); transition: var(--entry-motion); } #cadence-portal-entry .cadence-entry-card-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--eff-radius-md, 14px); background: var(--entry-soft); color: var(--entry-accent); margin-bottom: 25px; } #cadence-portal-entry .cadence-entry-card h2 { font-size: 29px; line-height: 1.25; font-weight: 700; letter-spacing: -.03em; } #cadence-portal-entry .cadence-entry-card > p { margin-top: 14px; color: var(--entry-muted); font-size: 14px; line-height: 1.75; } #cadence-portal-entry .cadence-entry-signin { display: flex; align-items: center; justify-content: space-between; gap: 15px; width: 100%; min-height: 52px; margin-top: 29px; padding: 10px 16px; border: 1px solid var(--entry-accent); border-radius: var(--eff-radius-sm, 10px); background: var(--entry-accent); color: var(--entry-on-accent); font-size: 14px; font-weight: 500; line-height: 1.5; transition: var(--entry-motion); } #cadence-portal-entry .cadence-entry-signin:hover:not([aria-disabled="true"]) { background: var(--entry-accent-hover); color: var(--entry-on-accent-hover); text-decoration: none; } #cadence-portal-entry .cadence-entry-signin:active:not([aria-disabled="true"]) { background: var(--entry-accent-hover); color: var(--entry-on-accent-hover); } #cadence-portal-entry .cadence-entry-signin > span:last-child { font-size: 20px; font-weight: 400; } #cadence-portal-entry .cadence-entry-inline { margin-top: 26px; } #cadence-portal-entry #cadence-entry-login { display: grid; gap: 18px; margin: 0; padding: 0; } #cadence-portal-entry #cadence-entry-login p { margin: 0; padding: 0; } #cadence-portal-entry #cadence-entry-login label { display: block; color: var(--entry-ink); font-size: 14px; font-weight: 500; line-height: 1.5; } /* Host form globals may use !important. Keep these overrides inside this form. */ #cadence-legacy-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"]), #cadence-portal-entry #cadence-entry-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"]) { display: block; width: 100%; max-width: 100%; min-width: 0; height: 44px; min-height: 44px; margin: 7px 0 0; padding: 10px 12px; color: var(--entry-ink) !important; background: var(--entry-surface) !important; border: 1px solid color-mix(in srgb, var(--entry-ink) 50%, var(--entry-bg)) !important; border-radius: var(--eff-radius-sm, 10px) !important; caret-color: var(--entry-ink) !important; font: inherit; font-size: 16px; font-weight: 400; line-height: 1.25; box-shadow: none !important; transition: var(--entry-motion); } #cadence-legacy-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"])::placeholder, #cadence-portal-entry #cadence-entry-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"])::placeholder { color: var(--entry-muted) !important; opacity: 1 !important; } /* Only browser-filled enabled fields need a text-fill override. */ #cadence-legacy-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"]):is(:autofill, :-webkit-autofill):not(:disabled), #cadence-portal-entry #cadence-entry-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"]):is(:autofill, :-webkit-autofill):not(:disabled) { -webkit-text-fill-color: var(--entry-ink) !important; caret-color: var(--entry-ink) !important; box-shadow: 0 0 0 1000px var(--entry-surface) inset !important; } #cadence-legacy-login .cadence-login-remember, #cadence-portal-entry #cadence-entry-login .login-remember label { display: inline-flex; gap: 9px; align-items: center; min-height: 28px; color: var(--entry-muted); font-size: 14px; font-weight: 400; cursor: pointer; } #cadence-legacy-login input[type="checkbox"], #cadence-portal-entry #cadence-entry-login input[type="checkbox"] { width: 18px; height: 18px; flex: 0 0 18px; margin: 0; accent-color: var(--entry-accent); } #cadence-portal-entry #cadence-entry-submit { display: block; width: 100%; min-height: 52px; margin: 0; padding: 10px 16px; border: 1px solid var(--entry-accent); border-radius: var(--eff-radius-sm, 10px); background: var(--entry-accent); color: var(--entry-on-accent); font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer; transition: var(--entry-motion); } #cadence-portal-entry #cadence-entry-submit:hover:not(:disabled):not([aria-disabled="true"]) { background: var(--entry-accent-hover); color: var(--entry-on-accent-hover); } #cadence-portal-entry #cadence-entry-submit:active:not(:disabled):not([aria-disabled="true"]) { background: var(--entry-accent-hover); color: var(--entry-on-accent-hover); } #cadence-legacy-login input:disabled, #cadence-portal-entry #cadence-entry-login input:disabled, #cadence-portal-entry :is(.cadence-entry-signin, #cadence-entry-submit)[aria-disabled="true"] { opacity: .56; cursor: default; transform: none; box-shadow: none; } #cadence-legacy-login :is(input, button, a):focus-visible, #cadence-portal-entry #cadence-entry-login input:focus-visible { outline: 3px solid var(--entry-focus) !important; outline-offset: 3px !important; } #cadence-portal-entry .cadence-entry-native { display: flex; width: fit-content; min-height: 44px; align-items: center; margin-top: 14px; border-radius: 5px; color: var(--eff-color-accent-ink, var(--entry-ink)); font-size: 12px; text-decoration: underline; text-underline-offset: 4px; } #cadence-portal-entry .cadence-entry-native + .cadence-entry-reset { margin-top: 0; } #cadence-portal-entry .cadence-entry-reset { display: flex; width: fit-content; min-height: 44px; align-items: center; margin-top: 10px; border-radius: 5px; color: var(--eff-color-accent-ink, var(--entry-ink)); font-size: 13px; } #cadence-portal-entry .cadence-entry-reset:hover, #cadence-portal-entry .cadence-entry-footer a:hover { text-decoration: underline; text-underline-offset: 4px; } #cadence-portal-entry .cadence-entry-card-footer { margin-top: 20px; padding-top: 21px; color: var(--entry-muted); border-top: 1px solid var(--entry-line); font-size: 12px; line-height: 1.6; } #cadence-portal-entry .cadence-entry-footer { padding: 0 0 24px; font-size: 12px; color: var(--entry-muted); } #cadence-portal-entry .cadence-entry-footer a { display: inline-flex; align-items: center; min-height: 44px; color: var(--entry-muted); border-radius: 5px; } #cadence-portal-entry ::selection { background: var(--eff-color-accent-subtle, var(--entry-soft)); } #cadence-portal-entry[data-cadence-mode="dark"] .cadence-entry-card { background: linear-gradient(180deg, var(--entry-surface), var(--eff-color-surface-2, var(--entry-surface))); } @media (hover: hover) { #cadence-portal-entry .cadence-entry-signin:hover:not([aria-disabled="true"]), #cadence-portal-entry #cadence-entry-submit:hover:not(:disabled):not([aria-disabled="true"]) { transform: translateY(-2px); } #cadence-portal-entry[data-cadence-mode="dark"] .cadence-entry-signin:hover:not([aria-disabled="true"]), #cadence-portal-entry[data-cadence-mode="dark"] #cadence-entry-submit:hover:not(:disabled):not([aria-disabled="true"]) { box-shadow: var(--eff-glow, none); } } @media (hover: none) { #cadence-portal-entry :is(.cadence-entry-signin, #cadence-entry-submit):hover { transform: none; } } @media (max-width: 900px) { #cadence-portal-entry .cadence-entry-layout { gap: 36px; padding: 52px 0; } #cadence-portal-entry .cadence-entry-card { padding: 30px; } } @media (max-width: 639px) { #cadence-portal-entry .cadence-entry-frame { padding: 0 20px; } #cadence-portal-entry .cadence-entry-header { min-height: 80px; padding: 17px 0; } #cadence-portal-entry .cadence-entry-brand > img { max-width: 100px; max-height: 36px; } #cadence-portal-entry .cadence-entry-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; padding: 36px 0 20px; align-content: start; } #cadence-portal-entry h1 { font-size: 32px; max-width: 360px; } #cadence-portal-entry .cadence-entry-eyebrow, #cadence-portal-entry .cadence-entry-lead, #cadence-portal-entry .cadence-entry-features { display: none; } #cadence-portal-entry .cadence-entry-card { padding: 28px 24px; border-radius: var(--eff-radius-lg, 18px); } #cadence-portal-entry .cadence-entry-card h2 { font-size: 28px; } #cadence-portal-entry .cadence-entry-card-icon { margin-bottom: 23px; } #cadence-portal-entry .cadence-entry-footer { padding-bottom: 20px; } } /* The retained legacy handler uses the same public brand and field treatment. */ #cadence-legacy-login { max-width: 100%; padding: 32px 20px; color: var(--entry-ink); color-scheme: light; font-family: var(--eff-font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif), system-ui, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.55; overflow-wrap: anywhere; } .cadence-dashboard-template #cadence-legacy-login { padding: 20px 0; } #cadence-legacy-login .cadence-login-card { width: 100%; max-width: 440px; margin: 0 auto; padding: 28px; background: var(--entry-surface) !important; color: var(--entry-ink); border: 1px solid var(--entry-line); border-radius: var(--eff-radius-lg, 18px); box-shadow: var(--eff-shadow-sm, 0 1px 2px rgba(20, 18, 14, .04)); } #cadence-legacy-login[data-cadence-mode="dark"] .cadence-login-card { background: linear-gradient(180deg, var(--entry-surface), var(--eff-color-surface-2, var(--entry-surface))) !important; } #cadence-legacy-login .cadence-login-card h2 { margin: 0 0 24px; color: var(--entry-ink) !important; font-family: inherit !important; font-size: 28px !important; font-weight: 700; line-height: 1.25 !important; letter-spacing: -.03em; text-transform: none; } #cadence-legacy-login .cadence-login-card form { margin: 0; padding: 0; } #cadence-legacy-login .cadence-login-card label { display: block; margin: 0 0 18px; color: var(--entry-ink) !important; font-size: 14px; font-weight: 500; line-height: 1.5; } #cadence-legacy-login .cadence-login-card label span { display: block; margin: 0; } #cadence-legacy-login .cadence-login-card .cadence-login-remember { display: flex; color: var(--entry-muted) !important; font-weight: 400; } #cadence-legacy-login .cadence-button[type="submit"] { display: block; width: 100%; min-height: 52px; margin: 0; padding: 10px 16px; border: 1px solid var(--entry-accent) !important; border-radius: var(--eff-radius-sm, 10px) !important; color: var(--entry-on-accent) !important; background: var(--entry-accent) !important; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-transform: none; letter-spacing: 0; box-shadow: none; text-shadow: none; cursor: pointer; transition: var(--entry-motion); } #cadence-legacy-login .cadence-button[type="submit"]:is(:hover, :active):not(:disabled):not([aria-disabled="true"]) { color: var(--entry-on-accent-hover) !important; background: var(--entry-accent-hover) !important; } #cadence-legacy-login .cadence-button[type="submit"]:is(:disabled, [aria-disabled="true"]) { opacity: .56; cursor: default; transform: none; box-shadow: none; } #cadence-legacy-login .cadence-login-error { margin: 0 0 20px; padding: 12px 16px; color: var(--entry-ink); background: var(--entry-soft); border-left: 3px solid var(--eff-color-danger, #dc2626); font-size: 14px; line-height: 1.5; } @media (hover: hover) { #cadence-legacy-login .cadence-button[type="submit"]:hover:not(:disabled):not([aria-disabled="true"]) { transform: translateY(-2px); } #cadence-legacy-login[data-cadence-mode="dark"] .cadence-button[type="submit"]:hover:not(:disabled):not([aria-disabled="true"]) { box-shadow: var(--eff-glow, none); } } @media (hover: none) { #cadence-legacy-login .cadence-button[type="submit"]:hover { transform: none; } } @media (max-width: 480px) { #cadence-legacy-login { padding: 24px 16px; } #cadence-legacy-login .cadence-login-card { padding: 24px; } } @media (forced-colors: active) { #cadence-legacy-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"]), #cadence-portal-entry #cadence-entry-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"]) { color: CanvasText !important; background: Canvas !important; border-color: ButtonText !important; caret-color: CanvasText !important; forced-color-adjust: auto !important; } #cadence-legacy-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"])::placeholder, #cadence-portal-entry #cadence-entry-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"])::placeholder { color: GrayText !important; } #cadence-legacy-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"]):is(:autofill, :-webkit-autofill):not(:disabled), #cadence-portal-entry #cadence-entry-login input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="number"]):is(:autofill, :-webkit-autofill):not(:disabled) { -webkit-text-fill-color: CanvasText !important; caret-color: CanvasText !important; box-shadow: none !important; } #cadence-legacy-login :is(input, button, a):focus-visible, #cadence-portal-entry #cadence-entry-login input:focus-visible { outline-color: Highlight !important; } } @media (prefers-reduced-motion: reduce) { #cadence-legacy-login *, #cadence-legacy-login *::before, #cadence-legacy-login *::after, #cadence-portal-entry *, #cadence-portal-entry *::before, #cadence-portal-entry *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } #cadence-legacy-login .cadence-button[type="submit"]:hover, #cadence-portal-entry :is(.cadence-entry-signin, #cadence-entry-submit):hover { transform: none !important; } }