@layer components {
  .cx-auth-shell {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: clamp(.75rem, 2.6vw, 2rem);
    background:
      radial-gradient(circle at 12% 8%, rgba(111,53,165,.11), transparent 28rem),
      radial-gradient(circle at 90% 88%, rgba(154,88,209,.07), transparent 26rem),
      linear-gradient(145deg, #f7f6fa, #ffffff 56%, #f5f2f8);
  }
  .cx-auth-shell-inner {
    width: min(1400px, 100%);
    min-height: min(660px, calc(100dvh - clamp(1.5rem, 5.2vw, 4rem)));
    display: grid;
    grid-template-columns: minmax(360px, 400px) minmax(0, 1fr);
    gap: clamp(1rem, 1.8vw, 1.5rem);
    align-items: stretch;
  }
  .cx-auth-page { display: contents; }
  .cx-auth-panel {
    align-self: center;
    width: 100%;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 20px;
    box-shadow: 0 20px 54px rgba(49,31,68,.105);
    overflow: hidden;
    background: rgba(255,255,255,.985);
  }
  .cx-auth-panel .cx-card-header {
    padding: clamp(1.3rem, 3vw, 2rem) clamp(1.2rem, 3vw, 2rem) .8rem;
    background: #fff;
    border-bottom: 0;
  }
  .cx-auth-panel .cx-card-body { padding: .7rem clamp(1.2rem, 3vw, 2rem) clamp(1.4rem, 3vw, 2rem); }
  .cx-auth-login-head h2 { margin: .22rem 0 .35rem; font-size: clamp(1.45rem, 2.2vw, 2rem); color: #172033; }
  .cx-auth-login-head p { margin: 0; color: #667085; line-height: 1.7; }
  .cx-auth-kicker { color: #667085; font-size: .76rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
  .cx-auth-login-button { min-height: 48px; border-radius: 12px; font-weight: 900; }
  .cx-auth-submit-row { display: grid; gap: .75rem; }
  .cx-auth-trust { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .45rem 1rem; color: #7a8497; font-size: .78rem; font-weight: 760; }
  .cx-auth-trust span:first-child { color: #15803d; }

  .cx-auth-hero {
    position: relative;
    min-height: 600px;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 22px 58px rgba(31,18,44,.16);
    isolation: isolate;
  }
  .cx-auth-hero--tenant {
    --cx-auth-accent: var(--cx-brand-secondary, #6f35a5);
    background:
      radial-gradient(circle at 25% 20%, color-mix(in srgb, var(--cx-auth-accent) 38%, white) 0 7%, transparent 30%),
      linear-gradient(145deg, color-mix(in srgb, var(--cx-auth-accent) 72%, #111827), #111827 72%);
    color: white;
  }
  .cx-auth-hero--tenant.cx-auth-hero--has-cover {
    background-image: var(--cx-auth-cover);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .cx-auth-tenant-overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
      linear-gradient(180deg, rgba(7,12,20,.04) 30%, rgba(7,12,20,.72) 100%),
      linear-gradient(90deg, rgba(7,12,20,.34), transparent 62%);
  }
  [dir="rtl"] .cx-auth-tenant-overlay {
    background:
      linear-gradient(180deg, rgba(7,12,20,.04) 30%, rgba(7,12,20,.72) 100%),
      linear-gradient(270deg, rgba(7,12,20,.34), transparent 62%);
  }
  .cx-auth-tenant-content {
    position: absolute;
    z-index: 1;
    inset-inline-start: clamp(1.8rem, 4vw, 3.6rem);
    inset-inline-end: auto;
    inset-block-end: clamp(3.5rem, 7vw, 5.2rem);
    max-width: min(610px, calc(100% - 3.6rem));
  }
  .cx-auth-tenant-logo {
    width: fit-content;
    max-width: min(240px, 52%);
    min-height: 72px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    overflow: visible;
    background: transparent;
    color: #fff;
    box-shadow: none;
    margin-bottom: 1.25rem;
  }
  .cx-auth-tenant-logo-image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 118px;
    object-fit: contain;
    object-position: center;
    padding: 0;
    background: transparent;
    border-radius: 18px;
    filter: drop-shadow(0 12px 28px rgba(0,0,0,.26));
  }
  .cx-auth-tenant-initials {
    width: 88px;
    height: 88px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    background: var(--cx-auth-accent);
    box-shadow: 0 14px 34px rgba(0,0,0,.2);
    font-size: 1.7rem;
    font-weight: 950;
    letter-spacing: -.05em;
  }
  .cx-auth-hero--tenant .cx-auth-kicker { color: rgba(255,255,255,.76); }
  .cx-auth-hero--tenant h1 { margin: .2rem 0 .65rem; color: white; font-size: clamp(2.25rem, 5vw, 4.6rem); letter-spacing: -.045em; line-height: 1.02; text-shadow: 0 3px 22px rgba(0,0,0,.22); }
  .cx-auth-hero--tenant p { margin: 0; color: rgba(255,255,255,.9); font-size: clamp(1rem, 1.5vw, 1.22rem); font-weight: 760; line-height: 1.8; }
  .cx-auth-host { margin-top: 1.3rem; display: inline-flex; align-items: center; gap: .5rem; padding: .5rem .75rem; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(17,24,39,.2); backdrop-filter: blur(8px); font-size: .78rem; }
  .cx-auth-host span { color: #4ade80; font-size: .65rem; }
  .cx-auth-powered { position: absolute; z-index: 1; inset-inline: 1.5rem; inset-block-end: 1.2rem; color: rgba(255,255,255,.72); font-size: .76rem; }
  .cx-auth-powered strong { color: white; }

  .cx-auth-hero--admin {
    padding: clamp(1.7rem, 5vw, 4rem);
    display: grid; align-content: center; gap: 1rem;
    background: radial-gradient(circle at 75% 18%, rgba(178,112,226,.34), transparent 22rem), linear-gradient(145deg,#24133b,#3f1a66 55%,#1a1028);
    color: #fff;
  }
  .cx-auth-platform-mark { width: 68px; height: 68px; display:grid; place-items:center; border-radius: 18px; background: linear-gradient(135deg,#6f35a5,#9a58d1); color:white; font-weight:950; font-size:1.35rem; box-shadow:0 18px 38px rgba(79,70,229,.38); }
  .cx-auth-hero--admin .cx-auth-kicker { color:#c4b5fd; }
  .cx-auth-hero--admin h1 { margin: .15rem 0 0; color:#fff; font-size: clamp(2.1rem,4.8vw,4.2rem); line-height:1.05; letter-spacing:-.045em; }
  .cx-auth-hero--admin p { margin:0; color:#d8d6e7; font-size:1.05rem; line-height:1.8; max-width:54ch; }
  .cx-auth-admin-badge { width:max-content; display:flex; align-items:center; gap:.55rem; margin-top:.7rem; padding:.55rem .8rem; border:1px solid rgba(196,181,253,.2); border-radius:999px; background:rgba(255,255,255,.06); color:#ede9fe; font-size:.78rem; font-weight:800; }
  .cx-auth-admin-badge span { width:8px; height:8px; border-radius:50%; background:#34d399; box-shadow:0 0 0 4px rgba(52,211,153,.12); }
  .cx-auth-page--admin + * {}
  .cx-auth-page--admin .cx-auth-login-button, .cx-auth-page--admin ~ .cx-auth-login-button { background:#4f46e5; }

  .cx-auth-hero--security { min-height:440px; padding:clamp(1.5rem,4vw,3rem); display:grid; align-content:center; gap:1rem; background:linear-gradient(145deg,#ecfdf5,#fff); border:1px solid rgba(15,118,110,.14); box-shadow:var(--cx-shadow-soft); }
  .cx-auth-hero--security h1 { margin:0; font-size:clamp(2.2rem,5vw,4rem); color:var(--cx-ink); }
  .cx-auth-hero--security p { margin:0; color:var(--cx-muted); line-height:1.8; }
  .cx-auth-brand-mark { inline-size:64px; block-size:64px; font-size:1.35rem; }

  .cx-password-field { position:relative; display:block; }
  .cx-password-field .cx-input { padding-inline-end:4.9rem; }
  [dir="rtl"] .cx-password-field .cx-input { padding-inline-end:.85rem; padding-inline-start:4.9rem; }
  .cx-password-toggle { position:absolute; inset-inline-end:.42rem; top:50%; transform:translateY(-50%); border:0; border-radius:999px; background:rgba(111,53,165,.09); color:var(--cx-brand-strong); padding:.35rem .7rem; font-weight:900; cursor:pointer; }
  [dir="rtl"] .cx-password-toggle { inset-inline-end:auto; inset-inline-start:.42rem; }
  .cx-password-toggle:hover { background:rgba(111,53,165,.16); }

  @media (max-width: 980px) {
    .cx-auth-shell { place-items:start center; }
    .cx-auth-shell-inner { min-height:auto; grid-template-columns:1fr; width:min(720px,100%); }
    .cx-auth-hero { min-height:300px; order:-1; }
    .cx-auth-panel { align-self:stretch; }
    .cx-auth-tenant-content { inset-block-end:3.2rem; }
    .cx-auth-hero--tenant h1 { font-size:clamp(2rem,8vw,3.5rem); }
  }
  @media (max-width: 620px) {
    .cx-auth-shell { padding:.65rem; }
    .cx-auth-shell-inner { gap:.65rem; }
    .cx-auth-hero,.cx-auth-panel { border-radius:20px; }
    .cx-auth-hero { min-height:245px; }
    .cx-auth-tenant-content { inset-inline:1.2rem; inset-block-end:2.7rem; }
    .cx-auth-tenant-logo { max-width:46%; min-height:52px; margin-bottom:.75rem; }
    .cx-auth-tenant-logo-image { max-height:76px; border-radius:14px; }
    .cx-auth-tenant-initials { width:58px; height:58px; border-radius:17px; font-size:1.25rem; }
    .cx-auth-hero--tenant h1 { margin-bottom:.35rem; }
    .cx-auth-hero--tenant p { font-size:.92rem; line-height:1.55; }
    .cx-auth-host { display:none; }
    .cx-auth-powered { inset-inline:1.2rem; inset-block-end:.9rem; }
    .cx-auth-panel .cx-card-header,.cx-auth-panel .cx-card-body { padding-inline:1rem; }
  }
  @media (max-height: 680px) and (min-width: 981px) {
    .cx-auth-shell-inner { min-height:560px; }
    .cx-auth-hero { min-height:540px; }
    .cx-auth-tenant-content { inset-block-end:3.7rem; }
    .cx-auth-tenant-logo-image { max-height:96px; }
  }
  @media (min-width: 981px) and (max-width: 1250px) {
    .cx-auth-shell-inner { grid-template-columns:minmax(340px,380px) minmax(0,1fr); }
    .cx-auth-hero { min-height:570px; }
  }
}

/* Installed-app acquisition / first-run pairing */
.cx-auth-install {
  display: flex;
  align-items: center;
  gap: .65rem;
  flex-wrap: wrap;
  padding: .7rem .8rem;
  border: 1px dashed color-mix(in srgb, var(--cx-brand-secondary) 24%, var(--cx-border));
  border-radius: var(--cx-radius-md);
  background: color-mix(in srgb, var(--cx-brand-soft) 44%, transparent);
}
.cx-auth-install .cx-help { margin: 0; flex: 1 1 220px; }


/* Premium tenant login experience. */
.cx-auth-shell.cx-auth-shell--premium{padding:0;background:#16084d;place-items:stretch;overflow:hidden}
.cx-auth-shell-inner.cx-auth-shell-inner--premium{width:100%;min-height:100dvh;display:block;max-width:none}
.cx-auth-shell-inner--premium .cx-login-page{direction:rtl}
.cx-login-input-wrap .cx-input{width:100%;height:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 45px 0 48px;font:inherit;color:inherit;outline:0}
.cx-login-input-wrap [data-device-account-control]{display:block;width:100%;height:100%}
.cx-login-input-wrap [data-device-account-control] .cx-input{appearance:none;cursor:pointer}
.cx-login-device-help{display:block;margin-top:7px;font-size:9px;line-height:1.5;color:#81778a}
.cx-login-install{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.cx-login-install .cx-btn{min-height:32px;padding:.35rem .75rem;font-size:.72rem;border-radius:10px}
.cx-login-install .cx-help{font-size:.67rem}
.cx-login-error[hidden]{display:none}
.cx-login-page{position:relative;width:100%;height:100dvh;min-height:640px;overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(145deg,#16084d 0%,#250b67 34%,#3b1178 68%,#1d0a58 100%)}
.cx-login-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.cx-login-scene::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.055),transparent 29%),radial-gradient(circle at 10% 14%,rgba(210,83,190,.27),transparent 27%),radial-gradient(circle at 88% 82%,rgba(128,43,170,.30),transparent 31%)}
.cx-login-noise{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,black 0 42%,transparent 80%)}
.cx-login-aura{position:absolute;border-radius:50%;filter:blur(3px);will-change:transform;animation:cxLoginAura 17s ease-in-out infinite alternate}
.cx-login-aura--one{width:58vw;height:58vw;min-width:680px;min-height:680px;left:-28vw;top:-35vw;background:radial-gradient(circle,rgba(238,87,199,.18) 0%,rgba(140,40,180,.07) 44%,transparent 72%)}
.cx-login-aura--two{width:52vw;height:52vw;min-width:620px;min-height:620px;right:-25vw;bottom:-34vw;background:radial-gradient(circle,rgba(158,72,222,.21) 0%,rgba(62,28,145,.05) 54%,transparent 74%);animation-delay:-8s}
.cx-login-orbit{position:absolute;border:1px solid rgba(255,255,255,.035);border-radius:50%;box-shadow:0 0 0 88px rgba(255,255,255,.008),0 0 0 176px rgba(255,255,255,.006);animation:cxLoginOrbit 22s ease-in-out infinite alternate}
.cx-login-orbit--one{width:70vw;height:70vw;left:15%;top:-24vw}.cx-login-orbit--two{width:48vw;height:48vw;right:-4vw;bottom:-21vw;opacity:.55;animation-delay:-9s}
.cx-login-brandbar{position:absolute;z-index:6;top:clamp(22px,3.4vw,44px);left:clamp(22px,4vw,62px);right:clamp(22px,4vw,62px);display:flex;align-items:center;justify-content:space-between;direction:ltr;animation:cxLoginTopIn .62s var(--cx-ease) both}
.cx-login-brandbar__brand{display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none}.cx-login-brandbar__mark{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.17);box-shadow:0 18px 38px rgba(12,2,48,.22),inset 0 1px 0 rgba(255,255,255,.25);overflow:hidden}.cx-login-brandbar__mark img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(24,5,77,.24))}.cx-login-brandbar__brand>span:last-child{display:grid;line-height:1.02}.cx-login-brandbar__brand strong{font-size:23px;letter-spacing:.01em}.cx-login-brandbar__brand small{margin-top:6px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.58)}

.cx-login-center{position:relative;z-index:4;width:100%;height:100%;display:grid;place-items:center;padding:100px 24px 72px}
.cx-login-card{position:relative;width:min(452px,100%);padding-top:62px;animation:cxLoginCardIn .72s var(--cx-ease) both}
.cx-login-card__glow{position:absolute;inset:70px -30px -30px;border-radius:48px;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.30),transparent 31%),radial-gradient(circle at 50% 65%,rgba(203,72,190,.28),transparent 62%);filter:blur(30px);opacity:.68;pointer-events:none;animation:cxLoginHalo 5.2s ease-in-out infinite alternate}
.cx-login-card__inner{position:relative;z-index:2;padding:84px 38px 28px;border-radius:34px;background:linear-gradient(155deg,rgba(252,251,255,.992),rgba(241,242,250,.978));border:1px solid rgba(255,255,255,.78);box-shadow:0 34px 85px rgba(8,2,42,.34),0 8px 30px rgba(65,22,123,.12),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(127,38,159,.06);color:#20142e;overflow:hidden}
.cx-login-card__inner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.95),transparent 32%),radial-gradient(circle at 92% 0,rgba(186,205,255,.25),transparent 26%);pointer-events:none}.cx-login-card__inner::after{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);pointer-events:none}
.cx-login-emblem{position:absolute;z-index:5;top:-16px;left:50%;width:144px;height:144px;transform:translateX(-50%);perspective:800px;animation:cxLoginEmblemFloat 5.8s ease-in-out infinite alternate}
.cx-login-emblem__shadow{position:absolute;left:18px;right:18px;bottom:5px;height:30px;border-radius:50%;background:rgba(28,8,75,.34);filter:blur(16px);transform:scaleX(.94)}
.cx-login-emblem__plate{position:absolute;left:50%;top:50%;display:grid;place-items:center;border-radius:34px;transform-style:preserve-3d}.cx-login-emblem__plate--back{width:114px;height:114px;background:linear-gradient(145deg,#dce7ff,#aebeea);box-shadow:0 20px 34px rgba(21,6,78,.24);transform:translate(-50%,-42%) rotateX(59deg) rotateZ(45deg)}.cx-login-emblem__plate--mid{width:108px;height:108px;background:linear-gradient(145deg,#f8fbff,#d3def5);box-shadow:inset 0 2px 0 rgba(255,255,255,.95),0 14px 28px rgba(54,20,111,.16);transform:translate(-50%,-52%) rotateX(58deg) rotateZ(45deg)}.cx-login-emblem__plate--front{width:96px;height:96px;background:linear-gradient(145deg,#ffffff 0%,#e8eefc 55%,#ccd8f5 100%);border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 2px 2px rgba(255,255,255,.98),inset -8px -9px 16px rgba(105,132,193,.13),0 18px 38px rgba(48,16,113,.25);transform:translate(-50%,-59%) rotate(-1deg);overflow:hidden}.cx-login-emblem__plate--front img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(56,15,132,.26))}.cx-login-emblem__shine{position:absolute;z-index:7;top:27px;left:32px;width:55px;height:15px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);filter:blur(3px);transform:rotate(-28deg);opacity:.75;animation:cxLoginEmblemShine 4.6s ease-in-out infinite}
.cx-login-copy{position:relative;z-index:2;text-align:center;margin-bottom:26px;animation:cxLoginFormIn .58s .10s var(--cx-ease) both}.cx-login-copy__eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:6px 10px;border:1px solid rgba(116,53,166,.10);border-radius:999px;background:rgba(255,255,255,.58);color:#766c80;font-size:8.2px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.cx-login-copy__eyebrow i{width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,#6c35b5,#d049b6);box-shadow:0 0 0 4px rgba(126,52,177,.07)}.cx-login-copy h1{margin:0;color:#24182f;font-size:27px;line-height:1.2;font-weight:690;letter-spacing:-.025em}.cx-login-copy h1 strong{font-weight:800;background:linear-gradient(135deg,#4f1b91,#b62fad);-webkit-background-clip:text;background-clip:text;color:transparent}.cx-login-copy p{margin:8px 0 0;color:#8b8392;font-size:11px;line-height:1.65;font-weight:530}
.cx-login-form{position:relative;z-index:2;display:grid;gap:15px;animation:cxLoginFormIn .58s .16s var(--cx-ease) both}.cx-login-field{display:grid;gap:7px}.cx-login-field__label{padding-inline:5px;color:#645b6b;font-size:10.3px;font-weight:800}.cx-login-input-wrap{position:relative;height:56px;display:flex;align-items:center;border-radius:17px;background:linear-gradient(145deg,rgba(245,247,252,.98),rgba(233,238,249,.94));box-shadow:inset 2px 3px 8px rgba(111,124,157,.11),inset -3px -3px 8px rgba(255,255,255,.96),0 8px 20px rgba(71,48,110,.055);border:1px solid rgba(108,73,139,.08);transition:transform var(--cx-fast) var(--cx-ease),box-shadow var(--cx-normal) var(--cx-ease),border-color var(--cx-normal) var(--cx-ease)}.cx-login-field:focus-within .cx-login-input-wrap{transform:translateY(-1px);border-color:rgba(134,56,171,.26);box-shadow:inset 2px 3px 8px rgba(111,124,157,.09),inset -3px -3px 8px rgba(255,255,255,.98),0 12px 26px rgba(104,37,157,.09),0 0 0 4px rgba(166,67,187,.055)}.cx-login-input-wrap input{position:relative;z-index:2;width:100%;height:100%;border:0;outline:0;background:transparent;color:#2c2135;padding:0 49px 0 50px;font-size:13.5px;font-weight:720}.cx-login-input-wrap input::placeholder{color:#a39baa;font-weight:560}.cx-login-input-icon{position:absolute;right:16px;z-index:3;color:#81798a;transition:color var(--cx-normal) var(--cx-ease),transform var(--cx-normal) var(--cx-ease)}.cx-login-input-icon svg{width:18px;height:18px}.cx-login-field:focus-within .cx-login-input-icon{color:#75289b;transform:scale(1.08)}.cx-login-field-glow{position:absolute;inset:-1px;border-radius:17px;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(124,49,180,.03),rgba(233,91,190,.03));transition:opacity var(--cx-normal) var(--cx-ease)}.cx-login-field:focus-within .cx-login-field-glow{opacity:1}
.cx-login-password-toggle{position:absolute;left:9px;z-index:4;width:39px;height:39px;display:grid;place-items:center;border:0;border-radius:12px;background:rgba(255,255,255,.18);color:#81798a;transition:background var(--cx-fast) var(--cx-ease),color var(--cx-fast) var(--cx-ease),transform var(--cx-fast) var(--cx-ease),box-shadow var(--cx-fast) var(--cx-ease)}.cx-login-password-toggle:hover{background:rgba(255,255,255,.66);color:#75289b;box-shadow:0 5px 12px rgba(63,29,110,.08)}.cx-login-password-toggle:active{transform:scale(.91)}.cx-login-password-toggle svg{width:18px;height:18px}
.cx-login-error{margin-top:-3px;padding:9px 12px;border:1px solid rgba(185,56,72,.14);border-radius:12px;background:rgba(252,235,237,.86);color:var(--cx-danger);font-size:10.5px;font-weight:760;line-height:1.5;box-shadow:0 8px 20px rgba(185,56,72,.05);animation:cxLoginErrorIn .22s var(--cx-ease) both}.cx-login-error[hidden]{display:none}
.cx-login-submit{position:relative;isolation:isolate;overflow:hidden;height:58px;margin-top:1px;border:0;border-radius:18px;background:linear-gradient(135deg,#3c1688 0%,#6c21a6 53%,#a737ba 100%);color:#fff;box-shadow:0 15px 28px rgba(76,25,142,.29),0 6px 14px rgba(116,45,171,.15),inset 0 1px 0 rgba(255,255,255,.24);transition:transform var(--cx-fast) var(--cx-ease),box-shadow var(--cx-normal) var(--cx-ease),filter var(--cx-normal) var(--cx-ease)}.cx-login-submit::before{content:"";position:absolute;inset:1px;border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 48%);z-index:-1}.cx-login-submit__content{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px}.cx-login-submit__content b{font-size:13px}.cx-login-submit__content svg{width:19px;transition:transform var(--cx-normal) var(--cx-ease)}.cx-login-submit__shine{position:absolute;z-index:2;top:-70%;bottom:-70%;width:30%;left:-48%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:left .62s var(--cx-ease)}.cx-login-submit__pulse{position:absolute;inset:50% auto auto 50%;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.23);transform:translate(-50%,-50%) scale(0);opacity:0;z-index:1}.cx-login-submit:hover{transform:translateY(-2px);box-shadow:0 21px 39px rgba(72,22,139,.34),0 8px 18px rgba(116,45,171,.18),inset 0 1px 0 rgba(255,255,255,.25);filter:saturate(1.09)}.cx-login-submit:hover .cx-login-submit__shine{left:118%}.cx-login-submit:hover .cx-login-submit__content svg{transform:translateX(-4px)}.cx-login-submit:active{transform:translateY(1px) scale(.986);box-shadow:0 8px 18px rgba(56,16,119,.25),inset 0 2px 3px rgba(42,12,95,.16)}.cx-login-submit:active .cx-login-submit__pulse{animation:cxLoginButtonPulse .45s ease-out both}.cx-login-submit:focus-visible{outline:3px solid rgba(205,70,182,.24);outline-offset:3px}

.cx-login-card__foot{position:relative;z-index:2;margin-top:20px;padding-top:15px;border-top:1px solid rgba(119,100,135,.12);display:flex;align-items:center;justify-content:center;gap:8px;color:#97909d;font-size:8.8px}.cx-login-card__foot span{display:flex;align-items:center;gap:5px}.cx-login-card__foot svg{width:12px}.cx-login-card__foot i{width:3px;height:3px;border-radius:50%;background:#c7c0cc}
.cx-login-metrics-cloud{position:absolute;z-index:2;inset:0;pointer-events:none}.cx-login-metric{position:absolute;width:204px;min-height:74px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:0 17px 36px rgba(8,2,39,.14),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(15px);color:#fff;animation:cxLoginMetricFloat 7.8s ease-in-out infinite alternate}.cx-login-metric__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 7px 16px rgba(7,2,36,.11);color:#f1b8e8}.cx-login-metric__icon svg{width:18px}.cx-login-metric__copy{display:grid;gap:2px;min-width:0}.cx-login-metric__copy small{font-size:8px;font-weight:750;color:rgba(255,255,255,.56)}.cx-login-metric__copy strong{font-size:11.2px;line-height:1.3;color:#fff;white-space:nowrap}.cx-login-metric__copy span{font-size:7.7px;line-height:1.35;color:rgba(255,255,255,.64);white-space:nowrap}.cx-login-metric__trend{align-self:start;margin-top:1px;padding:4px 6px;border-radius:8px;background:rgba(101,225,173,.11);color:#8de4be;font-size:7.1px;line-height:1;white-space:nowrap}.cx-login-metric__bars{position:absolute;left:51px;right:11px;bottom:6px;display:flex;align-items:end;gap:2px;height:12px;opacity:.72}.cx-login-metric__bars em{flex:1;border-radius:2px 2px 1px 1px;background:linear-gradient(180deg,#ef83d4,#8e45c5);box-shadow:0 0 8px rgba(231,117,207,.14);animation:cxLoginBars 2.7s ease-in-out infinite alternate}.cx-login-metric__bars em:nth-child(1){height:35%}.cx-login-metric__bars em:nth-child(2){height:58%;animation-delay:-.5s}.cx-login-metric__bars em:nth-child(3){height:47%;animation-delay:-1s}.cx-login-metric__bars em:nth-child(4){height:82%;animation-delay:-1.5s}.cx-login-metric__bars em:nth-child(5){height:68%;animation-delay:-2s}.cx-login-mini-chart{position:absolute;left:51px;right:11px;bottom:5px;height:18px;color:#e68bd3;opacity:.86}.cx-login-mini-chart svg{display:block;width:100%;height:100%;overflow:visible}.cx-login-mini-chart__area{fill:url(#cxLoginChartArea)}.cx-login-mini-chart__line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:130;stroke-dashoffset:130;animation:cxLoginChartDraw 3.2s var(--cx-ease) infinite alternate}.cx-login-mini-chart circle{fill:#fff;filter:drop-shadow(0 0 4px currentColor);animation:cxLoginChartPoint 2s ease-in-out infinite}.cx-login-metric--profit{left:clamp(26px,5.4vw,92px);top:22%;animation-delay:-1s}.cx-login-metric--cost{left:clamp(38px,7vw,122px);top:40%;animation-delay:-4s}.cx-login-metric--forecast{left:clamp(28px,5.6vw,98px);top:58%;animation-delay:-2.1s}.cx-login-metric--callcenter{left:clamp(46px,8vw,138px);top:76%;animation-delay:-5.5s}.cx-login-metric--analysis{right:clamp(26px,5.4vw,92px);top:22%;animation-delay:-2.3s}.cx-login-metric--chart{right:clamp(38px,7vw,122px);top:40%;animation-delay:-3.6s;padding-bottom:24px}.cx-login-metric--orders{right:clamp(28px,5.6vw,98px);top:58%;animation-delay:-6.4s}.cx-login-metric--monitor{right:clamp(46px,8vw,138px);top:76%;animation-delay:-5.2s}.cx-login-metric--orders .cx-login-metric__trend{background:rgba(237,119,211,.10);color:#efb4e6}.cx-login-metric--cost .cx-login-metric__trend{background:rgba(109,206,255,.09);color:#b5e4ff}.cx-login-metric--forecast .cx-login-metric__trend{background:rgba(162,132,255,.13);color:#d9c8ff}.cx-login-metric--callcenter .cx-login-metric__trend,.cx-login-metric--monitor .cx-login-metric__trend{position:relative;padding-inline-start:12px}.cx-login-metric--callcenter .cx-login-metric__trend::before,.cx-login-metric--monitor .cx-login-metric__trend::before{content:"";position:absolute;left:4px;top:50%;width:4px;height:4px;border-radius:50%;background:#65e1ad;transform:translateY(-50%);box-shadow:0 0 0 3px rgba(101,225,173,.09);animation:cxLoginLivePulse 1.9s ease-out infinite}.cx-login-metric--analysis{padding-bottom:21px}.cx-login-metric--chart{grid-template-columns:38px minmax(0,1fr) auto}.cx-login-metric--chart .cx-login-metric__copy span{padding-bottom:2px}
.cx-login-page__foot{position:absolute;z-index:5;left:clamp(22px,4vw,64px);right:clamp(22px,4vw,64px);bottom:clamp(18px,2.8vw,34px);display:flex;justify-content:space-between;color:rgba(255,255,255,.34);font-size:8.7px;letter-spacing:.02em;pointer-events:none}
.cx-login-form.is-invalid .cx-login-input-wrap{animation:cxLoginShake .32s ease both}.cx-login-form.is-valid .cx-login-submit{background:linear-gradient(135deg,#146f51,#1b9067)}
@keyframes cxLoginCardIn{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cxLoginTopIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes cxLoginFormIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes cxLoginAura{from{transform:translate3d(-10px,-8px,0) scale(.97)}to{transform:translate3d(18px,16px,0) scale(1.04)}}
@keyframes cxLoginOrbit{from{transform:translate3d(-9px,0,0) scale(.98)}to{transform:translate3d(15px,9px,0) scale(1.025)}}
@keyframes cxLoginHalo{from{opacity:.48;transform:scale(.98)}to{opacity:.78;transform:scale(1.025)}}
@keyframes cxLoginEmblemFloat{from{transform:translateX(-50%) translateY(-3px) rotate(-1deg)}to{transform:translateX(-50%) translateY(7px) rotate(1deg)}}
@keyframes cxLoginEmblemShine{0%,58%{opacity:.18;transform:translate(-8px,3px) rotate(-28deg)}75%{opacity:.92;transform:translate(28px,-7px) rotate(-28deg)}100%{opacity:.18;transform:translate(36px,-10px) rotate(-28deg)}}
@keyframes cxLoginMetricFloat{from{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,8px,0)}}
@keyframes cxLoginBars{from{filter:brightness(.9);transform:scaleY(.82);transform-origin:bottom}to{filter:brightness(1.12);transform:scaleY(1);transform-origin:bottom}}
@keyframes cxLoginChartDraw{from{stroke-dashoffset:130;opacity:.55}to{stroke-dashoffset:0;opacity:1}}
@keyframes cxLoginChartPoint{0%,100%{opacity:.55;transform:scale(.85);transform-origin:center}50%{opacity:1;transform:scale(1.25);transform-origin:center}}
@keyframes cxLoginLivePulse{0%{box-shadow:0 0 0 0 rgba(101,225,173,.30)}100%{box-shadow:0 0 0 8px rgba(101,225,173,0)}}
@keyframes cxLoginErrorIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes cxLoginShake{0%,100%{transform:translateX(0)}30%{transform:translateX(3px)}60%{transform:translateX(-3px)}}
@keyframes cxLoginButtonPulse{0%{opacity:.55;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(38)}}
@media(max-width:1240px){.cx-login-metric{width:188px;transform:scale(.92)}.cx-login-metric--profit{left:18px}.cx-login-metric--cost{left:30px}.cx-login-metric--forecast{left:18px}.cx-login-metric--callcenter{left:34px}.cx-login-metric--analysis{right:18px}.cx-login-metric--chart{right:30px}.cx-login-metric--orders{right:18px}.cx-login-metric--monitor{right:34px}}
@media(max-width:1080px){.cx-login-metric{width:176px;opacity:.7;transform:scale(.86)}.cx-login-metric--profit,.cx-login-metric--forecast{left:-30px}.cx-login-metric--cost,.cx-login-metric--callcenter{left:-18px}.cx-login-metric--analysis,.cx-login-metric--orders{right:-30px}.cx-login-metric--chart,.cx-login-metric--monitor{right:-18px}.cx-login-card{width:min(448px,100%)}}
@media(max-width:780px){.cx-login-page{min-height:100dvh;height:auto;overflow:auto}.cx-login-brandbar{position:relative;top:auto;left:auto;right:auto;padding:18px 18px 0}.cx-login-brandbar__brand small{display:none}.cx-login-brandbar__mark{width:54px;height:54px}.cx-login-brandbar__mark img{width:47px;height:47px}.cx-login-brandbar__brand strong{font-size:19px}.cx-login-center{height:auto;min-height:calc(100dvh - 78px);padding:32px 18px 60px}.cx-login-metrics-cloud{display:none}.cx-login-card{width:min(510px,100%);padding-top:57px}.cx-login-card__inner{padding:73px 25px 23px;border-radius:28px}.cx-login-card__glow{inset:64px -20px -24px}.cx-login-emblem{width:132px;height:132px}.cx-login-emblem__plate--back{width:96px;height:96px}.cx-login-emblem__plate--mid{width:99px;height:99px}.cx-login-emblem__plate--front{width:90px;height:90px}.cx-login-emblem__plate--front img{width:76px;height:76px}.cx-login-page__foot{display:none}}
@media(max-width:450px){.cx-login-page{background:linear-gradient(155deg,#180851 0%,#2c0d6b 55%,#40137c 100%)}.cx-login-brandbar{padding:14px 14px 0}.cx-login-brandbar__mark{width:48px;height:48px;border-radius:14px}.cx-login-brandbar__mark img{width:42px;height:42px}.cx-login-brandbar__brand strong{font-size:17px}.cx-login-center{padding:24px 13px 38px}.cx-login-card{padding-top:52px}.cx-login-card__inner{padding:68px 18px 20px;border-radius:24px}.cx-login-copy{margin-bottom:22px}.cx-login-copy h1{font-size:25px}.cx-login-copy p{font-size:10.8px}.cx-login-input-wrap{height:53px;border-radius:15px}.cx-login-submit{height:55px;border-radius:16px}.cx-login-card__foot{gap:6px;font-size:8.3px}.cx-login-card__foot i,.cx-login-card__foot>span:last-child{display:none}.cx-login-emblem{transform:translateX(-50%) scale(.92)}}
@media(max-height:720px) and (min-width:781px){.cx-login-center{padding-top:78px;padding-bottom:42px}.cx-login-card{padding-top:48px;width:min(428px,100%)}.cx-login-card__inner{padding:64px 32px 20px}.cx-login-emblem{transform:translateX(-50%) scale(.86)}.cx-login-copy{margin-bottom:17px}.cx-login-copy h1{font-size:24px}.cx-login-form{gap:11px}.cx-login-input-wrap{height:49px}.cx-login-submit{height:51px}.cx-login-card__foot{margin-top:13px;padding-top:11px}.cx-login-metric{transform:scale(.84)}}
@media(prefers-reduced-motion:reduce){.cx-login-page *,.cx-login-page *::before,.cx-login-page *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cx-login-card,.cx-login-copy,.cx-login-form,.cx-login-brandbar{opacity:1;transform:none}.cx-login-emblem{transform:translateX(-50%)}}


.cx-login-submit:disabled{cursor:wait;transform:none!important;filter:saturate(.8);opacity:.82}
.cx-login-submit[data-loading="true"] .cx-login-submit__shine{left:118%;animation:cxLoginLoadingShine 1.2s ease-in-out infinite}
@keyframes cxLoginLoadingShine{0%{left:-48%}100%{left:118%}}

/* RR136 — Costix Platform Access + Security Onboarding.
   Shared brand DNA, intentionally distinct compositions. Tenant premium login is untouched. */
.cx-auth-shell.cx-auth-shell--platform,
.cx-auth-shell.cx-auth-shell--security{padding:0;place-items:stretch;overflow:auto;background:#16084d}
.cx-auth-shell-inner.cx-auth-shell-inner--platform,
.cx-auth-shell-inner.cx-auth-shell-inner--security{width:100%;max-width:none;min-height:100dvh;display:block}

.cx-platform-login,.cx-security-onboarding{--auth-violet:#6f35a5;--auth-magenta:#be38c7;position:relative;min-height:100dvh;overflow:hidden;color:#fff;isolation:isolate;font-family:inherit}
.cx-platform-login{background:linear-gradient(135deg,#0f082a 0%,#1b0b45 48%,#311061 100%)}
.cx-platform-login__scene,.cx-security-onboarding__scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.cx-platform-login__aura,.cx-security-onboarding__orb{position:absolute;border-radius:50%;filter:blur(1px)}
.cx-platform-login__aura--one{width:54vw;height:54vw;right:-16vw;top:-28vw;background:radial-gradient(circle,rgba(161,76,214,.30),transparent 66%)}
.cx-platform-login__aura--two{width:46vw;height:46vw;left:-20vw;bottom:-28vw;background:radial-gradient(circle,rgba(73,71,211,.20),transparent 68%)}
.cx-platform-login__grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent 2%,#000 28%,#000 76%,transparent 100%)}
.cx-platform-login__brand,.cx-security-onboarding__brand{position:absolute;z-index:2;top:clamp(24px,4vw,54px);inset-inline-start:clamp(28px,5vw,78px);display:flex;align-items:center;gap:13px}
.cx-platform-login__brandmark,.cx-security-onboarding__brand>span{width:58px;height:58px;border:1px solid rgba(255,255,255,.16);border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.08);box-shadow:0 15px 42px rgba(0,0,0,.22);backdrop-filter:blur(12px)}
.cx-platform-login__brand img,.cx-security-onboarding__brand img{width:49px;height:49px;object-fit:contain}
.cx-platform-login__brand strong,.cx-security-onboarding__brand strong{display:block;font-size:20px;line-height:1.1}
.cx-platform-login__brand small,.cx-security-onboarding__brand small{display:block;margin-top:4px;font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.48)}
.cx-platform-login__layout{width:min(1180px,calc(100% - 48px));min-height:100dvh;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,470px);gap:clamp(48px,7vw,100px);align-items:center;padding:120px 0 84px}
.cx-platform-login__intro{max-width:610px}
.cx-platform-login__eyebrow,.cx-security-onboarding__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:850;letter-spacing:.16em;color:#d6b4f0}
.cx-platform-login__eyebrow i{width:8px;height:8px;border-radius:50%;background:#68d5a1;box-shadow:0 0 0 5px rgba(104,213,161,.10)}
.cx-platform-login__intro h1,.cx-security-onboarding__story h1{margin:18px 0 18px;font-size:clamp(42px,5.6vw,76px);line-height:.98;letter-spacing:-.055em;font-weight:720}
.cx-platform-login__intro h1 strong,.cx-security-onboarding__story h1 strong{color:#d69de9;font-weight:850}
.cx-platform-login__intro p,.cx-security-onboarding__story p{max-width:55ch;margin:0;color:rgba(255,255,255,.70);font-size:15px;line-height:1.9}
.cx-platform-login__signals{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.cx-platform-login__signals span{padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);font-size:9px;color:rgba(255,255,255,.62);letter-spacing:.05em}
.cx-platform-login__status{margin-top:30px;display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.55);font-size:10px}
.cx-platform-login__status i{width:7px;height:7px;border-radius:50%;background:#63dda3;box-shadow:0 0 16px rgba(99,221,163,.75)}
.cx-platform-login__card{border:1px solid rgba(255,255,255,.13);border-radius:30px;padding:clamp(26px,3.4vw,38px);background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(248,245,252,.95));box-shadow:0 32px 90px rgba(3,0,18,.36);color:#21152e;backdrop-filter:blur(18px)}
.cx-platform-login__cardhead{display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:start;margin-bottom:28px}
.cx-platform-login__shield{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#5f2694,#9d45c2);color:#fff;box-shadow:0 11px 28px rgba(111,53,165,.25)}
.cx-platform-login__shield svg{width:24px}
.cx-platform-login__cardhead small,.cx-security-onboarding__cardhead small{font-size:8px;font-weight:900;letter-spacing:.16em;color:#8150a2}
.cx-platform-login__cardhead h2,.cx-security-onboarding__cardhead h2{margin:5px 0 5px;color:#251531;font-size:26px;line-height:1.2}
.cx-platform-login__cardhead p,.cx-security-onboarding__cardhead p{margin:0;color:#756a7c;font-size:11px;line-height:1.65}
.cx-platform-login__form,.cx-security-onboarding__form{display:grid;gap:16px}
.cx-platform-login__field,.cx-security-onboarding__field{display:grid;gap:7px;color:#5b4d64;font-size:10px;font-weight:800}
.cx-platform-login__input,.cx-security-onboarding__input{position:relative;height:56px;border:1px solid #e7ddeb;border-radius:16px;background:#f5f2f9;display:flex;align-items:center;transition:border-color .18s,box-shadow .18s,background .18s}
.cx-platform-login__input:focus-within,.cx-security-onboarding__input:focus-within{background:#fff;border-color:#9e63bc;box-shadow:0 0 0 4px rgba(111,53,165,.11)}
.cx-platform-login__input input,.cx-security-onboarding__input input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#24162e;padding:0 48px 0 48px;font:inherit;font-size:13px;font-weight:700}
[dir="rtl"] .cx-platform-login__input input,[dir="rtl"] .cx-security-onboarding__input input{padding:0 48px}
.cx-platform-login__icon,.cx-security-onboarding__icon{position:absolute;inset-inline-start:16px;width:19px;color:#9973ab;display:grid}
.cx-platform-login__icon svg,.cx-security-onboarding__icon svg{width:19px}
.cx-platform-login__toggle,.cx-security-onboarding__toggle{position:absolute;inset-inline-end:12px;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#8d7b96;display:grid;place-items:center;cursor:pointer}
.cx-platform-login__toggle:hover,.cx-security-onboarding__toggle:hover{background:rgba(111,53,165,.08);color:#6f35a5}
.cx-platform-login__toggle svg,.cx-security-onboarding__toggle svg{width:17px}
.cx-platform-login__error,.cx-security-onboarding__error{padding:10px 12px;border-radius:12px;background:#fff0f2;color:#a5243d;font-size:10px;line-height:1.6;border:1px solid #ffd3da}
.cx-platform-login__submit,.cx-security-onboarding__submit{height:57px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#5a2393,#b42fc1);box-shadow:0 13px 30px rgba(112,42,158,.27);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;cursor:pointer;transition:transform .18s,filter .18s,box-shadow .18s}
.cx-platform-login__submit:hover,.cx-security-onboarding__submit:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 17px 34px rgba(112,42,158,.31)}
.cx-platform-login__submit:focus-visible,.cx-security-onboarding__submit:focus-visible,.cx-platform-login__toggle:focus-visible,.cx-security-onboarding__toggle:focus-visible,.cx-security-onboarding__back:focus-visible{outline:3px solid #dca4f0;outline-offset:3px}
.cx-platform-login__submit:disabled,.cx-security-onboarding__submit:disabled{opacity:.7;cursor:wait;transform:none}
.cx-platform-login__submit svg,.cx-security-onboarding__submit svg{width:19px}
.cx-platform-login__foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #eee7f0;color:#85788c;font-size:9px}
.cx-platform-login__foot span:first-child{display:flex;align-items:center;gap:5px}.cx-platform-login__foot svg{width:14px;color:#6aaf8b}.cx-platform-login__foot i{width:3px;height:3px;background:#c9becd;border-radius:50%}
.cx-platform-login__pagefoot{position:absolute;inset-inline:clamp(28px,5vw,78px);bottom:25px;display:flex;justify-content:space-between;color:rgba(255,255,255,.28);font-size:8px;letter-spacing:.04em}

.cx-security-onboarding{background:linear-gradient(145deg,#22085c 0%,#371077 48%,#4a197f 100%)}
.cx-security-onboarding__orb--one{width:58vw;height:58vw;left:-25vw;top:-30vw;background:radial-gradient(circle,rgba(215,122,211,.20),transparent 67%)}
.cx-security-onboarding__orb--two{width:52vw;height:52vw;right:-26vw;bottom:-30vw;background:radial-gradient(circle,rgba(116,79,209,.28),transparent 67%)}
.cx-security-onboarding__lines{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 85%,transparent 0 31%,rgba(255,255,255,.07) 31.2% 31.4%,transparent 31.6% 43%,rgba(255,255,255,.045) 43.2% 43.4%,transparent 43.6%);opacity:.7}
.cx-security-onboarding__layout{width:min(1120px,calc(100% - 48px));min-height:100dvh;margin:auto;padding:125px 0 70px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,520px);gap:clamp(42px,6vw,88px);align-items:center}
.cx-security-onboarding__story{padding-inline:clamp(0px,2vw,20px)}
.cx-security-onboarding__mark{width:76px;height:76px;border-radius:23px;display:grid;place-items:center;margin-bottom:26px;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px rgba(14,2,45,.24);color:#fff}
.cx-security-onboarding__mark svg{width:34px}
.cx-security-onboarding__steps{display:grid;gap:8px;margin-top:30px;max-width:380px}
.cx-security-onboarding__steps span{display:grid;grid-template-columns:34px 1fr;align-items:center;padding:10px 12px;border-radius:13px;color:rgba(255,255,255,.47);font-size:10px;border:1px solid transparent}
.cx-security-onboarding__steps span.is-current{color:#fff;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.065)}
.cx-security-onboarding__steps b{font-size:8px;color:#d9a6e9;letter-spacing:.08em}
.cx-security-onboarding__card{border-radius:32px;padding:clamp(27px,3.5vw,40px);background:rgba(255,255,255,.97);color:#251532;box-shadow:0 34px 100px rgba(16,1,45,.32);border:1px solid rgba(255,255,255,.55)}
.cx-security-onboarding__cardhead{margin-bottom:24px}
.cx-security-onboarding__field small{font-weight:600;color:#887b8f;font-size:9px;line-height:1.5;margin-top:1px}
.cx-security-onboarding__actions{display:grid;gap:10px;margin-top:2px}
.cx-security-onboarding__back{min-height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#6f35a5;text-decoration:none;font-size:10px;font-weight:850;background:#f7f1fa}
.cx-security-onboarding__foot{margin-top:18px;padding-top:15px;border-top:1px solid #eee6f0;color:#8a7d91;text-align:center;font-size:8.5px;line-height:1.6}

@media(max-width:900px){.cx-platform-login__layout,.cx-security-onboarding__layout{grid-template-columns:1fr;width:min(600px,calc(100% - 32px));gap:28px;padding-top:120px}.cx-platform-login__intro,.cx-security-onboarding__story{max-width:none;text-align:center}.cx-platform-login__intro h1,.cx-security-onboarding__story h1{font-size:clamp(36px,9vw,58px)}.cx-platform-login__intro p,.cx-security-onboarding__story p{margin-inline:auto}.cx-platform-login__signals,.cx-platform-login__status{justify-content:center}.cx-security-onboarding__mark{margin-inline:auto}.cx-security-onboarding__steps{margin-inline:auto;text-align:start}.cx-platform-login__pagefoot{display:none}}
@media(max-width:560px){.cx-platform-login__brand,.cx-security-onboarding__brand{position:relative;top:auto;inset-inline-start:auto;padding:18px 18px 0}.cx-platform-login__brandmark,.cx-security-onboarding__brand>span{width:50px;height:50px;border-radius:15px}.cx-platform-login__brand img,.cx-security-onboarding__brand img{width:43px;height:43px}.cx-platform-login__layout,.cx-security-onboarding__layout{min-height:auto;padding:30px 0 36px;width:min(100% - 24px,520px)}.cx-platform-login__intro h1,.cx-security-onboarding__story h1{font-size:36px}.cx-platform-login__intro p,.cx-security-onboarding__story p{font-size:12px}.cx-platform-login__signals{display:none}.cx-platform-login__card,.cx-security-onboarding__card{border-radius:25px;padding:23px 18px}.cx-security-onboarding__story{padding-top:8px}.cx-security-onboarding__mark{width:62px;height:62px;border-radius:19px;margin-bottom:18px}.cx-security-onboarding__steps{display:none}}
@media(prefers-reduced-motion:reduce){.cx-platform-login *,.cx-platform-login *::before,.cx-platform-login *::after,.cx-security-onboarding *,.cx-security-onboarding *::before,.cx-security-onboarding *::after{animation:none!important;transition-duration:.01ms!important}}