:root{--bg:#050d1d;--card:#0a1d42;--blue:#2f7dff;--cyan:#19c3ff;--gold:#f6c84a;--text:#f8fbff;--muted:#b7c5e2;--line:rgba(145,181,255,.24)}
.cl-login-page{min-height:calc(100vh - 160px);padding:58px 20px 76px;color:var(--text);background:radial-gradient(circle at 14% 8%,rgba(47,125,255,.28),transparent 30%),radial-gradient(circle at 88% 18%,rgba(25,195,255,.16),transparent 26%),linear-gradient(180deg,#07152f 0%,#050d1d 58%,#030812 100%)}
.cl-login-shell{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);border:1px solid rgba(155,188,255,.24);border-radius:30px;overflow:hidden;box-shadow:0 28px 90px rgba(0,8,28,.45);background:#07152f}
.cl-login-brand-panel{position:relative;overflow:hidden;padding:58px 54px;background:linear-gradient(145deg,rgba(10,35,81,.98),rgba(13,69,155,.96))}.cl-login-brand-panel:before{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-190px;border-radius:50%;background:rgba(255,255,255,.10)}.cl-login-brand-panel>*{position:relative;z-index:2}.cl-login-kicker{display:inline-block;color:#7ddcff;font-size:.76rem;font-weight:900;letter-spacing:.18em}.cl-login-brand-panel h1{margin:14px 0 16px;color:#fff;font-size:clamp(2.2rem,4.2vw,4.4rem);line-height:1.03;letter-spacing:-.05em}.cl-login-brand-panel h1 strong{display:block;background:linear-gradient(90deg,#fff,#6bc9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cl-login-brand-panel>p{margin:0;color:#d5e3ff;font-size:1.05rem;line-height:1.7}.cl-login-benefits{display:grid;gap:13px;margin-top:34px}.cl-login-benefits article{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(4,18,48,.28)}.cl-login-benefits article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#07152f;background:linear-gradient(135deg,#ffe47f,#efb725);font-weight:900}.cl-login-benefits strong{display:block;color:#fff}.cl-login-benefits small{display:block;margin-top:3px;color:#bfd0ee}.cl-login-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.cl-login-trust span{padding:8px 11px;border-radius:999px;color:#d9e7ff;background:rgba(255,255,255,.09);font-size:.78rem;font-weight:800}
.cl-login-card{padding:52px 46px;background:linear-gradient(180deg,rgba(10,29,66,.98),rgba(5,16,38,.99))}.cl-login-card-head h2{margin:8px 0 7px;color:#fff;font-size:2rem}.cl-login-card-head p{margin:0 0 26px;color:var(--muted)}.cl-login-error{margin-bottom:18px;padding:13px 14px;border:1px solid rgba(255,110,126,.34);border-radius:13px;color:#ffd6db;background:rgba(160,30,50,.22);font-weight:750}.cl-login-form{display:grid;gap:18px}.cl-login-field{display:grid;gap:8px}.cl-login-field>span{color:#dce7fb;font-weight:850}.cl-input-wrap{position:relative}.cl-input-wrap>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#78b9ff;font-style:normal}.cl-input-wrap input{width:100%;min-height:52px;padding:13px 74px 13px 44px;border:1px solid var(--line);border-radius:14px;color:#fff;background:#061735;outline:none;box-sizing:border-box}.cl-input-wrap input:focus{border-color:#46a8ff;box-shadow:0 0 0 4px rgba(47,125,255,.18)}.cl-input-wrap input::placeholder{color:#7890b7}.cl-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:7px 10px;border:0;border-radius:9px;color:#8bc7ff;background:rgba(255,255,255,.07);font-weight:850}.cl-login-options{display:flex;justify-content:space-between;gap:14px;color:#b9c7e0;font-size:.9rem}.cl-login-options a,.cl-login-footnote a{color:#76c7ff;text-decoration:none;font-weight:800}.cl-login-submit{min-height:54px;border:1px solid #ffe394;border-radius:14px;color:#07152f;background:linear-gradient(135deg,#ffe37c,#efb625);box-shadow:0 14px 34px rgba(239,182,37,.28);font-size:1rem;font-weight:950}.cl-login-divider{display:flex;align-items:center;gap:12px;margin:24px 0 17px;color:#8799bb;font-size:.82rem}.cl-login-divider:before,.cl-login-divider:after{content:"";height:1px;flex:1;background:rgba(145,181,255,.16)}.cl-register-link{min-height:50px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(145,181,255,.34);border-radius:14px;color:#fff;background:rgba(255,255,255,.06);text-decoration:none;font-weight:900}.cl-login-footnote{margin:20px 0 0;text-align:center;color:#8fa0bf;font-size:.84rem}.cl-auth-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:900px){.cl-login-shell{grid-template-columns:1fr}.cl-login-brand-panel{padding:42px 34px}.cl-login-card{padding:40px 34px}}@media(max-width:560px){.cl-login-page{padding:24px 12px 48px}.cl-login-shell{border-radius:20px}.cl-login-brand-panel,.cl-login-card{padding:30px 22px}.cl-login-brand-panel h1{font-size:2.4rem}.cl-login-options{flex-direction:column}}

/* V23.8.3 logo color fixes */
.site-header .brand,
.footer .brand {
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  max-width:none !important;
  overflow:visible !important;
  white-space:nowrap !important;
}

.site-header .brand > span:last-child,
.footer .brand > span:last-child {
  display:inline-block !important;
  width:auto !important;
  max-width:none !important;
  overflow:visible !important;
}

.site-header .brand strong {
  color:#102a4c !important;
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:#102a4c !important;
  opacity:1 !important;
  visibility:visible !important;
}

.site-header .brand strong > span {
  color:#1765e8 !important;
  -webkit-text-fill-color:#1765e8 !important;
}

.footer .brand strong {
  color:#ffffff !important;
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

.footer .brand strong > span {
  color:#7db8ff !important;
  -webkit-text-fill-color:#7db8ff !important;
}

.footer .brand small {
  color:#cfd9ea !important;
}

/* V23.8.4 readable header tagline */
.site-header .brand small {
  display:block !important;
  color:#5b6f8e !important;
  -webkit-text-fill-color:#5b6f8e !important;
  opacity:1 !important;
  visibility:visible !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
}