/* ==========================================================================
   ChaloKaamPe design system — shared layer v1 (CKP-RELY-20261021)
   One look for the Associate app, the Recruiter app/website and Admin. Loaded at the end of <head>; the extra ID weight
   below makes these rules win over the older themes (even their late inline styles) without changing them.
   Changes colours, fonts, corner radius, borders, focus — never sizes or layout.
   Brand (from the logo + website): navy #0B2036 · teal #0E7C78 · amber #F29327.
   ":not(#ckpds)" adds ID weight so these rules win over the older themes' long selectors without touching them.
   ========================================================================== */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20B9,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500 600;font-display:swap;src:url(fonts/instrument-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20B9,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:700 900;font-display:swap;src:url(fonts/instrument-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20B9,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20B9,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- 1. tokens (+ the older themes' own variables pointed at the brand) ---------- */
html:not(#ckpds),html:not(#ckpds) body{
  --ckp-ink:#0B2036;--ckp-ink-2:#12304F;--ckp-ink-3:#1C4268;
  --ckp-teal:#0E7C78;--ckp-teal-d:#09605C;--ckp-teal-l:#D6ECEA;--ckp-teal-b:#4CC2B9;
  --ckp-amber:#F29327;--ckp-amber-d:#B8640A;--ckp-amber-l:#FDE9CF;
  --ckp-bg:#F3F6F8;--ckp-surface:#FFFFFF;--ckp-text:#0B2036;--ckp-muted:#4F6275;--ckp-line:#DCE4EA;--ckp-line-2:#C5D2DC;
  --ckp-success:#067647;--ckp-warning:#B54708;--ckp-danger:#B4412B;
  --ckp-radius:14px;--ckp-radius-sm:12px;
  --ckp-shadow:0 1px 2px rgba(11,32,54,.06),0 8px 24px rgba(11,32,54,.06);
  --ckp-ring:0 0 0 3px rgba(14,124,120,.20);
  --ckp-font:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari","Nirmala UI",Arial,sans-serif;
  --ckp-font-d:"Bricolage Grotesque","Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif;
  /* Admin (fresh-admin.css) */
  --primary:#0E7C78!important;--primary-dark:#09605C!important;--sidebar:#0B2036!important;--sidebar-2:#12304F!important;
  --bg:#F3F6F8!important;--text:#0B2036!important;--muted:#4F6275!important;--border:#DCE4EA!important;
  /* Associate website + app (worker.css, associate-app v2/v3) */
  --wk-primary:#0E7C78!important;--wk-primary-strong:#09605C!important;--wk-blue:#0E7C78!important;--wk-bg:#F3F6F8!important;--wk-text:#0B2036!important;--wk-muted:#4F6275!important;--wk-line:#DCE4EA!important;
  --ckpa-blue:#0E7C78!important;--ckpa-ink:#0B2036!important;--ckpa-line:#DCE4EA!important;--v31-blue:#0E7C78!important;
  /* Recruiter app (v74 / v78) and website (production + final theme) */
  --v74-blue:#0E7C78!important;--v78-blue:#0E7C78!important;
  --brand:#0E7C78!important;--accent:#0E7C78!important;--nav:#0B2036!important;--nav-2:#12304F!important;
  --r147-brand:#0E7C78!important;--r167-blue:#0E7C78!important;--r167-dark:#0B2036!important;--r167-text:#0B2036!important;
  --rk20-orange:#F29327!important;
}

/* ---------- 2. type ---------- */
body:not(#ckpds),body:not(#ckpds) :is(button,input,select,textarea){font-family:var(--ckp-font)!important}
body:not(#ckpds) :is(h1,h2,.page-head h1,.page-title){font-family:var(--ckp-font-d)!important;letter-spacing:-.012em}
body:not(#ckpds){color:var(--ckp-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:not(#ckpds) ::selection{background:var(--ckp-teal-l);color:var(--ckp-ink)}

/* ---------- 3. buttons ---------- */
body:not(#ckpds) :is(.btn-primary,.btn.btn-primary,a.primary,button.primary,input[type=submit].primary,.btn--primary,.primary-btn,.cta-primary){
  background:var(--ckp-teal)!important;background-image:none!important;border-color:var(--ckp-teal)!important;color:#fff!important;border-radius:var(--ckp-radius-sm)!important;box-shadow:0 1px 2px rgba(11,32,54,.10)!important}
body:not(#ckpds) :is(.btn-primary,.btn.btn-primary,a.primary,button.primary,input[type=submit].primary,.btn--primary,.primary-btn,.cta-primary):hover{background:var(--ckp-teal-d)!important;border-color:var(--ckp-teal-d)!important;color:#fff!important}
body:not(#ckpds) :is(.btn-primary,a.primary,button.primary):disabled{opacity:.55!important}
body:not(#ckpds) :is(.btn-secondary,.btn-light,a.secondary,button.secondary){background:#fff!important;background-image:none!important;color:var(--ckp-ink)!important;border:1px solid var(--ckp-line-2)!important;border-radius:var(--ckp-radius-sm)!important}
body:not(#ckpds) :is(.btn-secondary,.btn-light,a.secondary,button.secondary):hover{border-color:var(--ckp-ink)!important;background:#fff!important}
body:not(#ckpds) :is(.btn,button.btn,a.btn){border-radius:var(--ckp-radius-sm)!important}

/* login / sign-up screens of each app (their own class names) */
body:not(#ckpds) :is(button,a,input[type=submit]):is(.r41-login-primary,.r465-login-primary,.ckp-login-primary,.ckp-a21__primary,.r47-primary,.r48-primary){background:var(--ckp-teal)!important;background-image:none!important;border-color:var(--ckp-teal)!important;color:#fff!important;box-shadow:0 6px 18px rgba(14,124,120,.22)!important}
body:not(#ckpds) :is(button,a,input[type=submit]):is(.r41-login-primary,.r465-login-primary,.ckp-login-primary,.ckp-a21__primary,.r47-primary,.r48-primary):hover{background:var(--ckp-teal-d)!important;border-color:var(--ckp-teal-d)!important}
body:not(#ckpds) .r41-login-app-pill{color:var(--ckp-teal-d)!important;border-color:var(--ckp-teal-l)!important;background-color:var(--ckp-teal-l)!important}
body:not(#ckpds) :is(.r465-login-kicker,.ckp-login-kicker,.ckp-a21__eyebrow){color:var(--ckp-teal-d)!important;border-color:currentColor!important}
body:not(#ckpds) :is(.r41-login-brand-copy small,.r465-login-link,.ckp-login-link,.r465-login-surface-links a,.ckp-a21__visual-card b,.ckp-unified-home-link__arrow,.r41-login-signup-icon,.r465-login-security-badge){color:var(--ckp-teal-d)!important;border-color:currentColor!important}
body:not(#ckpds) :is(.r41-login-signup-icon,.r465-login-security-badge){background-color:var(--ckp-teal-l)!important}
body:not(#ckpds) :is(.ckp-lang a.on,.ckp-lang a[aria-current]){background:var(--ckp-teal)!important;border-color:var(--ckp-teal)!important;color:#fff!important}
body:not(#ckpds) :is(.ckp-a21__progress i.on,.r465-login-step-dot){background:var(--ckp-teal)!important}

/* ---------- 4. form fields ---------- */
body:not(#ckpds) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]),select,textarea){border-color:var(--ckp-line-2)!important} /* corners left as each app has them (joined fields like +91 | number stay joined) */
body:not(#ckpds) :is(input,select,textarea):focus{border-color:var(--ckp-teal)!important;box-shadow:var(--ckp-ring)!important;outline:none!important}
body:not(#ckpds) :is(input[type=checkbox],input[type=radio],input[type=range],progress){accent-color:var(--ckp-teal)}
body:not(#ckpds) :focus-visible{outline:2px solid var(--ckp-teal)!important;outline-offset:2px!important}

/* ---------- 5. surfaces ---------- */
body:not(#ckpds) :is(.card,.panel,.admin17-panel,.admin-ws-card,.fresh-workspace-card,.record-card,.module-card,.notice-card,.sheet-card,.job-card,.application-card,.metric-card){border-radius:var(--ckp-radius)!important;border-color:var(--ckp-line)!important}
body:not(#ckpds) :is(.table-wrap,.table-responsive,.responsive-table-wrap){border-radius:var(--ckp-radius)!important;border-color:var(--ckp-line)!important}
body:not(#ckpds) :is(th){color:var(--ckp-muted)}

/* ---------- 6. navigation chrome ---------- */
/* Admin */
body:not(#ckpds) .ckp-admin-sidebar{background:linear-gradient(180deg,var(--ckp-ink) 0%,var(--ckp-ink-2) 100%)!important}
/* Recruiter website */
body:not(#ckpds) .portal-sidebar{background:linear-gradient(180deg,var(--ckp-ink) 0%,#0F2A47 100%)!important}
/* Associate website */
body:not(#ckpds) aside.sidebar{background:linear-gradient(180deg,var(--ckp-ink) 0%,#0F2A47 100%)!important}
/* active items: teal text + amber marker (the logo's dot) */
body:not(#ckpds) :is(.main-nav .nav-link.active,.portal-nav a.active,.portal-nav a[aria-current=page]){background:rgba(76,194,185,.16)!important;background-image:none!important;color:#fff!important;border-color:rgba(76,194,185,.28)!important}
body:not(#ckpds) :is(.bottom-nav a.active,.ckp-app-bottom-nav a.active) .bottom-icon{background:var(--ckp-teal-l)!important}
body:not(#ckpds) :is(.bottom-nav a.active,.ckp-app-bottom-nav a.active,.app-tabbar a.active,.app-tabbar-items a.active){color:var(--ckp-teal)!important}
body:not(#ckpds) :is(.bottom-nav a.active,.ckp-app-bottom-nav a.active) .bottom-icon{color:var(--ckp-teal)!important}
body:not(#ckpds) :is(.main-nav .nav-link.active,.portal-nav a.active,.portal-nav a[aria-current=page],.ckp-admin-nav-link.active,.ckp-admin-nav a.active,.ckp-admin-nav a[aria-current=page]){box-shadow:inset 3px 0 0 var(--ckp-amber)!important}

/* ---------- 7. badges, pills, links ---------- */
body:not(#ckpds) :is(.badge-info,.pill-info){background:var(--ckp-teal-l)!important;color:var(--ckp-teal-d)!important;border-color:transparent!important}
body:not(#ckpds) :is(.badge-success,.pill-success){background:#DCFAE6!important;color:var(--ckp-success)!important}
body:not(#ckpds) :is(.badge-warning,.pill-warning){background:var(--ckp-amber-l)!important;color:#8A4B06!important}
body:not(#ckpds) :is(main,.app-screen,.ckp-admin-main) a:not([class]){color:var(--ckp-teal-d)}
body:not(#ckpds) :is(main,.app-screen,.ckp-admin-main) a:not([class]):hover{color:var(--ckp-ink)}

/* associate website login: the page header already shows the logo — hide the second copy inside the card */
body:not(#ckpds):has(header.auth-topbar) .ckp-login-mobile-brand{display:none!important}

@media (prefers-reduced-motion:reduce){body:not(#ckpds) *{scroll-behavior:auto!important}}

/* CKP-LAUNCH-20261023 polish */
html body.native-app.recruiter-pwa-body.ckp-r46-shell .app-topbar .app-avatar-button span,html body .app-topbar .app-avatar-button>span{color:#0f6e64!important;font-weight:800!important;opacity:1!important}
.r168-avatar{display:inline-grid!important;place-items:center;width:52px;height:52px;border-radius:50%;background:#e6f2f0;color:#0f6e64!important;font-weight:800;font-size:1.3rem;line-height:1}
.ckp-unified-homebar{flex-wrap:wrap!important;row-gap:10px}
.ckp-unified-homebar .ckp-lang{flex:1 1 100%!important;order:3;justify-content:center!important;flex-wrap:nowrap!important;gap:6px!important;max-width:100%}
.ckp-lang a,.ckp-lang button{white-space:nowrap;padding:6px 12px!important;font-size:13px!important}
@media(max-width:560px){.ckp-a21__visual{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.ckp-a21__visual-card{padding:10px 12px!important;min-height:0!important}.ckp-a21__visual-card span:not(:first-child),.ckp-a21__visual-card p,.ckp-a21__visual-card small{display:none!important}}
/* CKP-GOLIVE-20261023: one login look on every surface (recruiter site, recruiter app, associate site, associate app) */
:is(body.recruiter-auth-page,body.worker-auth){font-family:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;color:#0f1f33}
:is(body.recruiter-auth-page,body.worker-auth) :is(h1,h2):not(.sr-only){font-family:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif!important;letter-spacing:-.01em;color:#0f1f33}
:is(body.recruiter-auth-page,body.worker-auth) h1{font-size:clamp(24px,6.4vw,30px)!important;font-weight:800!important;line-height:1.12!important}
:is(body.recruiter-auth-page,body.worker-auth) :is(button[type=submit],button.primary,.ckp-login-primary,.ckp-a21__primary):not(#ckp-x){min-height:50px!important;border-radius:12px!important;font-family:"Instrument Sans",system-ui,sans-serif!important;font-size:16px!important;font-weight:700!important;letter-spacing:0!important;background:#0e7c78!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(14,124,120,.22)!important}
:is(body.recruiter-auth-page,body.worker-auth) :is(button[type=submit],button.primary,.ckp-login-primary,.ckp-a21__primary):not(#ckp-x):hover{background:#0b6a66!important}
:is(body.recruiter-auth-page,body.worker-auth) :is(button[type=submit],button.primary,.ckp-login-primary,.ckp-a21__primary):not(#ckp-x):disabled{opacity:.6}
:is(body.recruiter-auth-page,body.worker-auth):not(.associate-native-auth) :is(input[type=tel],input[type=text],input[type=password],input[type=number],input[type=email],select):not(#ckp-x){min-height:50px!important;border-radius:12px!important;font-size:16px!important;border:1.5px solid #d5dde8!important;background:#fff!important}
:is(body.recruiter-auth-page,body.worker-auth) :is(input,select):not(#ckp-x):focus{border-color:#0e7c78!important;box-shadow:0 0 0 3px rgba(14,124,120,.15)!important;outline:0!important}
:is(body.recruiter-auth-page,body.worker-auth) label{font-weight:700;font-size:14px}
:is(body.recruiter-auth-page,body.worker-auth) a:not([class]){color:#0e7c78;font-weight:600}

/* CKP-GLASS-20261023: glassy OTP boxes + PIN dots (works with ckp-glass.js; without the script the normal input shows) */
.ckpg{display:block;position:relative;width:100%;margin:2px 0 4px;cursor:text}
.ckpg .ckpg__real:not(#ckp-x):not(#ckp-y){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;
  opacity:0!important;border:0!important;background:transparent!important;color:transparent!important;-webkit-text-fill-color:transparent!important;caret-color:transparent!important;box-shadow:none!important;z-index:2;font-size:16px!important;letter-spacing:0!important}
.ckpg__cells{display:grid;width:100%;grid-auto-flow:column;grid-auto-columns:1fr;gap:9px;pointer-events:none}
.ckpg__cell{position:relative;height:56px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(240,247,250,.72));border:1.5px solid #d2dce8;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 16px rgba(15,31,51,.06),inset 0 1px 0 rgba(255,255,255,.9);
  font:700 24px/1 "Instrument Sans",system-ui,sans-serif;color:#0f1f33;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}
.ckpg__cell.is-cur{border-color:#0e7c78;box-shadow:0 0 0 4px rgba(14,124,120,.14),0 8px 22px rgba(14,124,120,.22);transform:translateY(-2px)}
.ckpg__cell.is-cur::after{content:"";position:absolute;width:2px;height:24px;border-radius:2px;background:#0e7c78;animation:ckpgBlink 1s steps(1) infinite}
.ckpg--pin .ckpg__cell.is-cur::after{display:none}
.ckpg__cell.is-on{border-color:#0e7c78;background:linear-gradient(180deg,rgba(231,247,246,.96),rgba(214,240,238,.8))}
.ckpg__cell.is-pop{animation:ckpgPop .26s ease}
.ckpg--pin .ckpg__cell i{width:14px;height:14px;border-radius:50%;background:#0e7c78;box-shadow:0 0 12px rgba(14,124,120,.55);animation:ckpgPop .26s ease}
.ckpg.is-full .ckpg__cell{border-color:#0e7c78}
.ckpg.is-bad .ckpg__cell{border-color:#e5484d!important;background:linear-gradient(180deg,#fff5f5,#ffe9ea)!important}
.ckpg.is-bad .ckpg__cell i{background:#e5484d;box-shadow:none}
.ckpg.is-shake .ckpg__cells{animation:ckpgShake .45s ease}
@keyframes ckpgPop{0%{transform:scale(.7)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes ckpgBlink{50%{opacity:0}}
@keyframes ckpgShake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(5px)}30%,50%,70%{transform:translateX(-8px)}40%,60%{transform:translateX(8px)}}
@media (max-width:380px){.ckpg__cells{gap:6px}.ckpg__cell{height:50px;border-radius:13px;font-size:21px}}
@media (prefers-reduced-motion:reduce){.ckpg *{animation:none!important;transition:none!important}}
:is(.ckp-a21__input-wrap,.ckp-login-input,.input-wrap):has(> .ckpg){border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:auto!important;min-height:0!important;overflow:visible!important}
:is(.ckp-a21__input-wrap,.ckp-login-input,.input-wrap):has(> .ckpg)::before,:is(.ckp-a21__input-wrap,.ckp-login-input,.input-wrap):has(> .ckpg)::after{display:none!important}


/* ==========================================================================
   CKP-LOGIN-CLEAN-20261025 — one clean sign-in screen for all four doors:
   app.chalokaampe.com/associate · app.chalokaampe.com/recruiters · associate.chalokaampe.com · recruiters.chalokaampe.com
   One centred card: logo + language, title, mobile number, one button, one link. Decoration, repeated titles,
   progress bars, feature boxes and extra notes are hidden (not removed: the page code and the login flow are unchanged).
   ========================================================================== */
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds){
  --lc-ink:#0b2036;--lc-mut:#5d6b7c;--lc-line:#dde4ec;--lc-teal:#0e7c78;--lc-teal-d:#0a5f5c;--lc-amber:#f29327;
  background:radial-gradient(900px 420px at 0% -10%,#e3f3f1 0,rgba(227,243,241,0) 60%),radial-gradient(700px 380px at 100% 0%,#fff1e2 0,rgba(255,241,226,0) 55%),#f6f8fa!important;
  color:var(--lc-ink)!important;min-height:100vh!important}
/* --- things that only add noise ---------------------------------------- */
body.associate-native-auth:not(#ckpds) :is(.ckp-a21__progress,.ckp-a21__visual,.ckp-a21__helper,.ckp-a21__security,.ckp-a21__eyebrow,.ckp-a22-role__badge),
body.r41-login-page:not(#ckpds) :is(.rk19-atmosphere,.r41-login-tablet-panel,.r41-login-step,.r41-login-security,.r47-auth-version),
body.r465-login-page:not(#ckpds) :is(.r465-login-intro,.r465-login-step,.r465-login-security),
body.ui-page-login:not(#ckpds) :is(.ckp-login-intro,.ckp-login-mobile-brand,.ckp-login-topline,.ckp-login-security:not(:has(a))),
body:is(.associate-native-auth,.ui-page-login):not(#ckpds) nav.ckp-lang.ckp-lang--js{display:none!important}

/* --- layout: one centred column ---------------------------------------- */
body.associate-native-auth:not(#ckpds) main.auth-shell,
body.r41-login-page:not(#ckpds) .r41-login-layout,
body.r465-login-page:not(#ckpds) .r465-login-shell,
body.ui-page-login:not(#ckpds) :is(main.auth-shell,.ckp-login-page,.ckp-login-shell){
  display:block!important;width:100%!important;max-width:460px!important;margin:0 auto!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;min-height:0!important;grid-template-columns:none!important}
body.associate-native-auth:not(#ckpds) main.auth-shell{padding:18px 16px 8px!important}
body.r41-login-page:not(#ckpds) .r41-login-layout{padding:18px 16px 24px!important}
body.r465-login-page:not(#ckpds) .r465-login-shell{padding:22px 16px 24px!important}
body.ui-page-login:not(#ckpds) main.auth-shell{padding:6px 16px 24px!important}
body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.r41-login-main,.r465-login-main,.ckp-login-main){display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:transparent!important;min-height:0!important}

/* --- the card ------------------------------------------------------------- */
body.associate-native-auth:not(#ckpds) .ckp-a21,
body.r41-login-page:not(#ckpds) .r41-login-card,
body.r465-login-page:not(#ckpds) .r465-login-card,
body.ui-page-login:not(#ckpds) .ckp-login-card{
  background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:24px!important;box-shadow:0 18px 50px rgba(11,32,54,.08),0 2px 6px rgba(11,32,54,.04)!important;
  padding:24px 22px 20px!important;margin:0!important;max-width:none!important;width:100%!important;display:block!important;min-height:0!important}

/* --- brand row (logo + name + role) ------------------------------------- */
body.associate-native-auth:not(#ckpds) .ckp-a22-role{display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 14px!important;margin:0!important}
body.associate-native-auth:not(#ckpds) .ckp-a22-role__brand{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:var(--lc-ink)!important}
body.associate-native-auth:not(#ckpds) .ckp-a22-role__copy small{display:none!important}
body.associate-native-auth:not(#ckpds) .ckp-a22-role__copy strong{font-size:18px!important;line-height:1.1!important}
body.associate-native-auth:not(#ckpds) .ckp-a22-role__copy span{display:block!important;font-size:12px!important;color:var(--lc-mut)!important}
body.r41-login-page:not(#ckpds) .r41-login-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 2px 14px!important;margin:0!important;position:static!important}
body.r41-login-page:not(#ckpds) .r815-login-header-actions{display:flex!important;align-items:center!important;gap:8px!important}
body.r41-login-page:not(#ckpds) .r815-back-main span{display:none!important}
body.r41-login-page:not(#ckpds) .r815-back-main{width:38px!important;height:38px!important;min-height:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:12px!important;border:1px solid var(--lc-line)!important;background:#fff!important}
body.r41-login-page:not(#ckpds) .r815-back-main svg{width:18px!important;height:18px!important;stroke:var(--lc-ink)!important;fill:none!important;stroke-width:2!important}
body.ui-page-login:not(#ckpds) header.auth-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;max-width:460px!important;margin:0 auto!important;padding:18px 18px 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;position:static!important}
body.r465-login-page:not(#ckpds) .r465-login-mobile-brand{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 16px!important;text-decoration:none!important;color:var(--lc-ink)!important}
body.r465-login-page:not(#ckpds) .r465-login-mobile-brand small{display:block!important;font-size:12px!important;color:var(--lc-mut)!important;text-transform:none!important;letter-spacing:0!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a22-role__mark .brand-mark,.r41-login-logo,.r465-login-mobile-brand-mark,.auth-brand .brand-mark){width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--lc-line)!important;box-shadow:none!important;display:grid!important;place-items:center!important;padding:3px!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a22-role__mark img,.r41-login-logo img,.r465-login-mobile-brand-mark img,.auth-brand .brand-mark img){width:100%!important;height:100%!important;object-fit:contain!important}
body.r41-login-page:not(#ckpds) .r41-login-brand{display:flex!important;align-items:center!important;gap:10px!important}
body:is(.r41-login-page,.ui-page-login):not(#ckpds) :is(.r41-login-brand-copy small,.auth-brand .brand-copy small){display:block!important;font-size:12px!important;color:var(--lc-mut)!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}

/* --- top links + language ------------------------------------------------- */
body.associate-native-auth:not(#ckpds) .ckp-unified-homebar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important}
body.associate-native-auth:not(#ckpds) .ckp-unified-home-link{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:600!important;color:var(--lc-mut)!important;text-decoration:none!important;padding:6px 10px!important;border:1px solid var(--lc-line)!important;border-radius:10px!important;background:#fff!important;min-height:0!important;box-shadow:none!important}
body.r465-login-page:not(#ckpds) .r465-login-topline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 18px!important;flex-wrap:wrap!important}
body.r465-login-page:not(#ckpds) .r465-login-surface-links{display:flex!important;gap:12px!important}
body:is(.r465-login-page,.ui-page-login):not(#ckpds) :is(.r465-login-surface-links a,.ckp-login-switch a){font-size:12.5px!important;font-weight:600!important;color:var(--lc-mut)!important;text-decoration:none!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;min-height:0!important}
body.ui-page-login:not(#ckpds) .ckp-login-switch{display:flex!important;justify-content:space-between!important;gap:10px!important;margin:0 0 16px!important;padding:0!important;border:0!important;background:transparent!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.language-switcher,.ckp-lang-select-wrap){display:inline-flex!important;align-items:center!important;gap:4px!important;height:38px!important;min-height:0!important;padding:0 10px!important;border:1px solid var(--lc-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;position:relative!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.language-switcher select,.ckp-lang-select){border:0!important;background:transparent!important;font:inherit!important;font-size:13px!important;font-weight:600!important;color:var(--lc-ink)!important;padding:0 2px!important;height:36px!important;min-height:0!important;-webkit-appearance:none!important;appearance:none!important;cursor:pointer!important;outline:none!important;box-shadow:none!important;width:auto!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) .language-switcher-chevron{display:none!important}

/* --- heading -------------------------------------------------------------- */
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a21__hero,.r41-login-heading){margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;text-align:left!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a21__hero h1,.r41-login-heading h1,.r465-login-card > h2,.ckp-login-card > h2){font-size:26px!important;line-height:1.15!important;letter-spacing:-.02em!important;font-weight:800!important;margin:0 0 6px!important;color:var(--lc-ink)!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a21__hero p,.r41-login-heading p,.r465-login-subtitle,.ckp-login-subtitle){font-size:14px!important;line-height:1.5!important;color:var(--lc-mut)!important;margin:0 0 18px!important}
body:is(.r465-login-page,.ui-page-login):not(#ckpds) :is(.r465-login-kicker,.ckp-login-kicker){display:inline-block!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--lc-teal)!important;margin:0 0 6px!important}
body.r41-login-page:not(#ckpds) .r41-login-step-row{display:block!important;margin:0 0 10px!important}
body.r41-login-page:not(#ckpds) .r41-login-app-pill{display:inline-block!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--lc-teal)!important;background:transparent!important;border:0!important;padding:0!important}

/* --- field + button ------------------------------------------------------- */
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a21__field,.r41-login-field,.r465-login-field,.ckp-login-field){display:block!important;font-size:13px!important;font-weight:700!important;color:var(--lc-ink)!important;margin:0 0 12px!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.r41-login-field,.r465-login-field,.ckp-login-field) > input:not([type=hidden]):not(.ckpg__real),
body.associate-native-auth:not(#ckpds) .ckp-a21__input-wrap:not(:has(> .ckpg)){
  display:flex!important;align-items:center!important;width:100%!important;height:56px!important;min-height:0!important;margin-top:7px!important;border:1.5px solid var(--lc-line)!important;border-radius:16px!important;background:#fbfcfd!important;box-shadow:none!important;font-size:18px!important;font-weight:600!important;letter-spacing:.02em!important;color:var(--lc-ink)!important;padding:0 16px!important;transition:border-color .15s,box-shadow .15s!important}
body.associate-native-auth:not(#ckpds) .ckp-a21__input-wrap input{border:0!important;background:transparent!important;box-shadow:none!important;height:100%!important;font-size:18px!important;font-weight:600!important;padding:0 0 0 10px!important;outline:none!important;width:100%!important}
body.associate-native-auth:not(#ckpds) .ckp-a21__prefix{font-size:16px!important;font-weight:700!important;color:var(--lc-mut)!important;padding-right:10px!important;border-right:1px solid var(--lc-line)!important;background:transparent!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.r41-login-field,.r465-login-field,.ckp-login-field) > input:not([type=hidden]):focus,
body.associate-native-auth:not(#ckpds) .ckp-a21__input-wrap:focus-within{border-color:var(--lc-teal)!important;box-shadow:0 0 0 4px rgba(14,124,120,.14)!important;background:#fff!important;outline:none!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a21__primary,.r41-login-primary,.r465-login-primary,.ckp-login-primary){
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:54px!important;min-height:0!important;margin:4px 0 0!important;border:0!important;border-radius:16px!important;background:linear-gradient(180deg,#119089,#0e7c78)!important;color:#fff!important;font-size:16.5px!important;font-weight:800!important;letter-spacing:.01em!important;box-shadow:0 10px 24px rgba(14,124,120,.28)!important;cursor:pointer!important;transition:transform .12s,box-shadow .12s,filter .12s!important;text-shadow:none!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a21__primary,.r41-login-primary,.r465-login-primary,.ckp-login-primary):hover{filter:brightness(1.05)!important;box-shadow:0 12px 28px rgba(14,124,120,.34)!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a21__primary,.r41-login-primary,.r465-login-primary,.ckp-login-primary):active{transform:scale(.99)!important}
body.associate-native-auth:not(#ckpds) .ckp-a21__next{margin:14px 0 0!important;padding:0!important;background:transparent!important;border:0!important;font-size:13px!important;line-height:1.5!important;color:var(--lc-mut)!important;text-align:center!important}
body.associate-native-auth:not(#ckpds) .ckp-a21__next b{color:var(--lc-ink)!important}

/* --- "new here?" ---------------------------------------------------------- */
body:is(.r41-login-page,.r465-login-page):not(#ckpds) :is(.r41-login-divider,.r465-login-divider){display:flex!important;align-items:center!important;gap:10px!important;margin:20px 0 12px!important;font-size:12px!important;font-weight:700!important;color:var(--lc-mut)!important;text-transform:none!important;letter-spacing:0!important;background:transparent!important}
body:is(.r41-login-page,.r465-login-page):not(#ckpds) :is(.r41-login-divider,.r465-login-divider)::before,body:is(.r41-login-page,.r465-login-page):not(#ckpds) :is(.r41-login-divider,.r465-login-divider)::after{content:""!important;flex:1!important;height:1px!important;background:var(--lc-line)!important;display:block!important}
body:is(.r41-login-page,.r465-login-page):not(#ckpds) :is(.r41-login-divider span){background:transparent!important;padding:0!important}
body.r41-login-page:not(#ckpds) .r41-login-signup{display:flex!important;align-items:center!important;gap:12px!important;padding:14px!important;border:1.5px solid var(--lc-line)!important;border-radius:16px!important;background:#fff!important;text-decoration:none!important;color:var(--lc-ink)!important;box-shadow:none!important}
body.r41-login-page:not(#ckpds) .r41-login-signup:hover{border-color:var(--lc-teal)!important}
body.r41-login-page:not(#ckpds) .r41-login-signup-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#fff4e6!important;color:var(--lc-amber)!important;font-weight:800!important;font-size:20px!important;border:0!important}
body.r41-login-page:not(#ckpds) .r41-login-signup strong{display:block!important;font-size:14.5px!important}
body.r41-login-page:not(#ckpds) .r41-login-signup small{display:block!important;font-size:12px!important;color:var(--lc-mut)!important}
body.r465-login-page:not(#ckpds) .r465-login-new{display:block!important;padding:14px!important;border:1.5px solid var(--lc-line)!important;border-radius:16px!important;background:#fff!important;font-size:13px!important;color:var(--lc-mut)!important;line-height:1.5!important;box-shadow:none!important}
body.r465-login-page:not(#ckpds) .r465-login-new strong{display:block!important;color:var(--lc-ink)!important;font-size:14.5px!important;margin-bottom:2px!important}
body.r465-login-page:not(#ckpds) .r465-login-link{font-weight:800!important;color:var(--lc-teal)!important}

/* --- app promo (associate site), legal, help ------------------------------ */
body.ui-page-login:not(#ckpds) .ckp-r88-app-promo{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important;margin:18px 0 0!important;padding:10px 12px!important;border:1px solid var(--lc-line)!important;border-radius:14px!important;background:#f8fafc!important;box-shadow:none!important}
body.ui-page-login:not(#ckpds) .ckp-r88-app-promo__copy span{display:none!important}
body.ui-page-login:not(#ckpds) .ckp-r88-app-promo__copy strong{font-size:13px!important}
body.ui-page-login:not(#ckpds) .ckp-r88-app-promo__icon{width:34px!important;height:34px!important;border-radius:10px!important}
body.ui-page-login:not(#ckpds) .ckp-r88-app-promo__btn{height:36px!important;min-height:0!important;padding:0 12px!important;border-radius:10px!important;font-size:12.5px!important;width:auto!important;margin:0!important}
body:is(.associate-native-auth,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a21__legal,.r465-login-card .r129-note,.ckp-login-security){margin:16px 0 0!important;padding:0!important;background:transparent!important;border:0!important;font-size:12px!important;line-height:1.5!important;color:var(--lc-mut)!important;text-align:center!important;box-shadow:none!important}
body:is(.associate-native-auth,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a21__legal,.r465-login-card .r129-note,.ckp-login-security) a{color:var(--lc-ink)!important;font-weight:700!important;text-decoration:none!important}
body.associate-native-auth:not(#ckpds) .ckp-help-wa{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:14px 0 0!important;padding:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;color:#128c4a!important;text-decoration:none!important}
body:is(.associate-native-auth,.ui-page-login):not(#ckpds) :is(.ckp-app-auth-footer,.ckp-worker-auth-footer){background:transparent!important;border:0!important;box-shadow:none!important;color:var(--lc-mut)!important;font-size:12px!important;max-width:460px!important;margin:0 auto!important;padding:14px 18px 24px!important}

@media (min-width:900px){
  body.associate-native-auth:not(#ckpds) main.auth-shell,body.r41-login-page:not(#ckpds) .r41-login-layout,body.r465-login-page:not(#ckpds) .r465-login-shell,body.ui-page-login:not(#ckpds) main.auth-shell{padding-top:48px!important}
  body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds) :is(.ckp-a21,.r41-login-card,.r465-login-card,.ckp-login-card){padding:30px 30px 24px!important}
}
/* fixes after the live preview */
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(select.ckp-lang-select,.language-switcher select){border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 2px!important;margin:0!important;height:34px!important;min-height:0!important;line-height:34px!important;width:auto!important;max-width:120px!important}
body.ui-page-login:not(#ckpds):not(#ckpds2) .ckp-r88-app-promo{grid-template-columns:34px minmax(0,1fr) auto!important}
body.ui-page-login:not(#ckpds):not(#ckpds2) .ckp-r88-app-promo__copy{min-width:0!important;width:auto!important;max-width:none!important}
body.ui-page-login:not(#ckpds):not(#ckpds2) .ckp-r88-app-promo__copy strong{display:block!important;white-space:normal!important;line-height:1.3!important}
body.ui-page-login:not(#ckpds):not(#ckpds2) .ckp-r88-app-promo__btn{white-space:nowrap!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) .language-switcher select{opacity:1!important;position:static!important;clip:auto!important;clip-path:none!important;min-width:64px!important;width:auto!important;color:var(--lc-ink)!important;font-size:13px!important;font-weight:600!important;inset:auto!important;transform:none!important}
body:is(.r465-login-page):not(#ckpds):not(#ckpds2) .r465-login-surface-links a{color:var(--lc-mut)!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) .language-switcher{width:auto!important;max-width:none!important;overflow:visible!important;flex:0 0 auto!important}
body:is(.r41-login-page,.r465-login-page):not(#ckpds):not(#ckpds2) :is(.r465-login-top-tools,.r41-login-language){width:auto!important;max-width:none!important;flex:0 0 auto!important;display:flex!important;overflow:visible!important}
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) input::placeholder{color:#9aa6b4!important;opacity:1!important;font-weight:500!important}

/* ---- CKP-LOGIN-DESK-20261025: alignment fixes + a real laptop layout (brand panel left, sign-in card right) ---- */
body:is(.associate-native-auth,.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) input::placeholder{-webkit-text-fill-color:#9aa6b4!important;color:#9aa6b4!important;font-weight:500!important;opacity:1!important}
body.r41-login-page:not(#ckpds):not(#ckpds2) .r41-login-step-row{display:block!important;height:auto!important;min-height:0!important;margin:0 0 8px!important;padding:0!important}
body.r41-login-page:not(#ckpds):not(#ckpds2) .r41-login-app-pill{line-height:1.2!important;height:auto!important;min-height:0!important}
body.r41-login-page:not(#ckpds):not(#ckpds2) .r41-login-signup > span:nth-child(2){flex:1 1 auto!important;min-width:0!important}
body.r41-login-page:not(#ckpds):not(#ckpds2) .r41-login-arrow{margin-left:auto!important;font-size:22px!important;color:#9aa6b4!important}
@media (min-width:960px){
  /* page frame */
  body.r41-login-page:not(#ckpds):not(#ckpds2) .r41-login-layout,
  body.r465-login-page:not(#ckpds):not(#ckpds2) .r465-login-shell,
  body.ui-page-login:not(#ckpds):not(#ckpds2) .ckp-login-shell{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:28px!important;align-items:stretch!important;max-width:1100px!important;width:calc(100% - 64px)!important;margin:0 auto!important;padding:48px 0!important;min-height:calc(100vh - 40px)!important;box-sizing:border-box!important}
  body.ui-page-login:not(#ckpds):not(#ckpds2) :is(main.auth-shell,.ckp-login-page){max-width:none!important;width:100%!important;padding:0!important}
  body.ui-page-login:not(#ckpds):not(#ckpds2) .ckp-login-shell{padding:12px 0 48px!important;min-height:0!important}
  body.ui-page-login:not(#ckpds):not(#ckpds2) header.auth-topbar{max-width:1100px!important;width:calc(100% - 64px)!important;padding:22px 0 12px!important}
  /* right column: the card, centred vertically */
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-main,.r465-login-main,.ckp-login-main){display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:0!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-card,.r465-login-card,.ckp-login-card){padding:36px 36px 28px!important;border-radius:28px!important}
  body.r465-login-page:not(#ckpds):not(#ckpds2) .r465-login-mobile-brand{display:none!important}
  body.r41-login-page:not(#ckpds):not(#ckpds2) .r41-login-header{padding:0 0 14px!important}
  /* left column: brand panel */
  body.r41-login-page:not(#ckpds):not(#ckpds2) .r41-login-tablet-panel,
  body.r465-login-page:not(#ckpds):not(#ckpds2) .r465-login-intro,
  body.ui-page-login:not(#ckpds):not(#ckpds2) .ckp-login-intro{display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:28px!important;padding:44px 44px 40px!important;border-radius:28px!important;border:0!important;
    background:radial-gradient(520px 320px at 100% 0%,rgba(20,184,166,.28),rgba(20,184,166,0) 60%),radial-gradient(420px 300px at 0% 100%,rgba(242,147,39,.22),rgba(242,147,39,0) 60%),linear-gradient(150deg,#0b2036 0%,#12345a 100%)!important;
    color:#fff!important;box-shadow:0 24px 60px rgba(11,32,54,.22)!important;min-height:520px!important;position:relative!important;overflow:hidden!important;visibility:visible!important;opacity:1!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-tablet-panel,.r465-login-intro,.ckp-login-intro) *{color:inherit!important;background-color:transparent!important;border-color:rgba(255,255,255,.18)!important;box-shadow:none!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-tablet-brand,.r465-login-brand,.ckp-login-brand){display:flex!important;align-items:center!important;gap:12px!important;font-size:18px!important;font-weight:800!important;text-decoration:none!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-tablet-brand img,.r465-login-brand img,.ckp-login-brand img){width:48px!important;height:48px!important;object-fit:contain!important;border-radius:14px!important;background:#fff!important;padding:4px!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-tablet-logo,.r465-login-brand-mark){width:auto!important;height:auto!important;background:transparent!important;border:0!important;padding:0!important}
  body.r41-login-page:not(#ckpds):not(#ckpds2) .r41-login-tablet-brand small{display:block!important;font-size:12.5px!important;font-weight:600!important;opacity:.7!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-tablet-copy > span,.r465-login-eyebrow){display:inline-block!important;font-size:12px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#5eead4!important;margin:0 0 12px!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-tablet-copy h2,.r465-login-intro-copy h1,.ckp-login-intro-copy h1){font-size:42px!important;line-height:1.08!important;letter-spacing:-.025em!important;font-weight:800!important;margin:0 0 14px!important;color:#fff!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-tablet-copy p,.r465-login-intro-copy p,.ckp-login-intro-copy p){font-size:16px!important;line-height:1.55!important;margin:0!important;max-width:440px!important;color:rgba(255,255,255,.78)!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-tablet-points,.r465-login-trust,.ckp-login-trust){display:grid!important;gap:12px!important;margin:0!important;padding:0!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2) :is(.r41-login-tablet-points > div,.r465-login-trust-item,.ckp-login-trust > span){display:flex!important;gap:10px!important;align-items:flex-start!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;font-size:14px!important;line-height:1.45!important}
  body.r41-login-page:not(#ckpds):not(#ckpds2) .r41-login-tablet-points > div{flex-direction:column!important;gap:2px!important}
  body.r41-login-page:not(#ckpds):not(#ckpds2) .r41-login-tablet-points small{opacity:.72!important;font-size:13px!important}
  body.r465-login-page:not(#ckpds):not(#ckpds2) .r465-login-trust-icon{color:#5eead4!important;font-weight:800!important}
}
@media (min-width:960px){
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2):not(#x3) :is(.r41-login-layout,.r465-login-shell){min-height:100vh!important;align-items:center!important;align-content:center!important;padding:32px 0!important}
  body.ui-page-login:not(#ckpds):not(#ckpds2):not(#x3) .ckp-login-shell{align-items:center!important}
  body:is(.r41-login-page,.r465-login-page,.ui-page-login):not(#ckpds):not(#ckpds2):not(#x3) :is(.r41-login-tablet-panel,.r465-login-intro,.ckp-login-intro){min-height:540px!important;height:auto!important;max-height:none!important;gap:22px!important;justify-content:space-between!important}
  body.r41-login-page:not(#ckpds):not(#ckpds2):not(#x3) .r41-login-brand{display:none!important}
  body.r41-login-page:not(#ckpds):not(#ckpds2):not(#x3) .r41-login-header{justify-content:flex-end!important}
}