/* =========================================================
   ZenoxTV login · design A "Split Orbit"
   Loaded on the login page only by includes/hooks/zenox_site.php
   ========================================================= */
body.page-login{background:#050817!important}
.page-login .main-header,.page-login .main-sidebar,.page-login .sidebar,.page-login .breadcrumb,.page-login .header-lined{display:none!important}
.page-login .main-body.zlg-main{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:#050817!important}
.page-login .zf{margin-top:0}

.zlg{--bg:#050817;--line:rgba(169,196,255,.14);--line2:rgba(169,196,255,.24);--blue:#3D6BFF;--blue2:#5682FF;--ice:#A9C4FF;--tx:#E6ECF8;--soft:#C9D2E3;--mut:#9AA6C2;--ok:#5BE3A1;
  --fh:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif;--fs:'Instrument Serif',Georgia,serif;
  position:relative;isolation:isolate;overflow:hidden;width:100%;background:var(--bg);color:var(--soft);font:400 15px/1.6 var(--fh);text-align:left;-webkit-font-smoothing:antialiased}
.zlg *,.zlg *:before,.zlg *:after{box-sizing:border-box}
.zlg :where(h1,h2,p,ul,li){margin:0;padding:0;list-style:none}
.zlg a{text-decoration:none}
.zlg a:hover,.zlg a:focus{text-decoration:none}
.zlg :focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.zlg-wrap{max-width:1200px;margin:0 auto;padding:0 32px;position:relative}

/* animated light */
.zlg-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.zlg-bg:before{content:"";position:absolute;left:50%;top:-760px;width:2000px;height:2000px;margin-left:-1000px;border-radius:50%;will-change:transform;
  background:conic-gradient(from 0deg,rgba(61,107,255,0),rgba(61,107,255,.55),rgba(43,201,255,.3),rgba(110,90,255,.45),rgba(61,107,255,0),rgba(86,130,255,.5),rgba(61,107,255,0));filter:blur(90px);animation:zlgSpin 40s linear infinite}
.zlg-bg:after{content:"";position:absolute;inset:0;animation:zlgBreath 8s ease-in-out infinite;background:radial-gradient(700px 500px at 15% 35%,rgba(61,107,255,.34),transparent 60%),radial-gradient(700px 500px at 88% 75%,rgba(86,80,255,.3),transparent 60%)}

/* glass */
.zlg-glass{position:relative;background:linear-gradient(180deg,rgba(200,215,255,.12),rgba(200,215,255,.035));border:1px solid rgba(200,215,255,.12);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 60px rgba(2,6,30,.45)}
.zlg-rim:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(140deg,rgba(220,232,255,.7),rgba(61,107,255,.1) 38%,rgba(61,107,255,.1) 62%,rgba(86,130,255,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}

/* layout: intro + more on the left, card on the right */
.zlg-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"intro card" "more card";column-gap:56px;row-gap:26px;align-items:start;padding:72px 32px 88px}
.zlg-intro{grid-area:intro;position:relative;align-self:end;display:flex;flex-direction:column;gap:18px}
.zlg-card{grid-area:card;align-self:center;justify-self:end;width:100%;max-width:480px;padding:40px;border-radius:28px}
.zlg .zlg-card{background:linear-gradient(180deg,rgba(40,58,130,.5),rgba(8,12,32,.72))}
.zlg-more{grid-area:more;display:flex;flex-direction:column;gap:20px}

.zlg-eyebrow{font:700 12px/1.3 var(--fh);letter-spacing:.18em;text-transform:uppercase;color:var(--blue2)}
.zlg .zlg-h{font:300 54px/1.05 var(--fh);letter-spacing:-.04em;color:var(--tx)}
.zlg-h b{display:block;font-weight:800}
.zlg-serif{display:block;margin-top:4px;font-family:var(--fs);font-style:italic;font-weight:400;font-size:60px;line-height:1.1;letter-spacing:-.01em;padding-right:.08em;
  background:linear-gradient(90deg,#A9C4FF 0%,#E6ECF8 30%,#5682FF 50%,#A9C4FF 70%,#E6ECF8 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:zlgShine 6s linear infinite}
.zlg-lead{max-width:440px;font-size:16px;color:var(--mut)}
.zlg-ring{position:absolute;left:50%;top:60%;width:520px;height:520px;margin:-260px 0 0 -260px;z-index:-1;border-radius:50%;border:1px dashed rgba(200,215,255,.35);animation:zlgSpin 30s linear infinite;pointer-events:none}
.zlg-ring:after{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#C9D8FF;box-shadow:0 0 18px 6px rgba(86,130,255,.85)}
.zlg-ring.zlg-r2{width:360px;height:360px;margin:-180px 0 0 -180px;border-style:solid;border-color:rgba(86,130,255,.45);animation:zlgSpinR 18s linear infinite}
.zlg-ring.zlg-r2:after{background:#5682FF;width:9px;height:9px;margin-left:-4.5px;top:-4.5px}

.zlg-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px}
.zlg-chip{display:flex;flex-direction:column;padding:14px 18px;border-radius:18px;min-width:0}
.zlg-chip b{font:700 26px/1 var(--fh);color:var(--tx);white-space:nowrap}
.zlg-chip b em{font-style:normal;color:var(--blue2)}
.zlg-chip small{margin-top:6px;font-size:11px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.zlg-ticks{display:flex;flex-direction:column;gap:10px}
.zlg-ticks li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4;color:var(--soft)}
.zlg-tick{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(91,227,161,.14);border:1px solid rgba(91,227,161,.45);color:var(--ok)}

/* card + form */
.zlg .zlg-title{font:700 30px/1.15 var(--fh);color:var(--tx);letter-spacing:-.02em}
.zlg-sub{margin-top:8px;color:var(--mut)}
.zlg-form{display:flex;flex-direction:column;gap:18px;margin-top:26px}
.zlg-fld{display:flex;flex-direction:column;gap:8px}
.zlg-fld-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.zlg label{margin:0;font:600 13px/1.3 var(--fh);color:var(--soft)}
.zlg .zlg-fld-top a{font-size:13px;font-weight:600;color:var(--ice)}
.zlg .zlg-fld-top a:hover{color:#fff}
.zlg-inp{position:relative}
.zlg-inp>svg{position:absolute;left:16px;top:50%;margin-top:-9px;color:var(--mut);pointer-events:none}
.zlg .zlg-inp input{display:block;width:100%;height:54px;margin:0;padding:0 16px 0 46px;border-radius:14px;border:1px solid var(--line2);background:rgba(4,8,22,.6);color:var(--tx);font:400 16px var(--fh);box-shadow:none;outline:0;transition:border-color .2s,box-shadow .2s}
.zlg .zlg-inp input[type=password],.zlg .zlg-inp input#inputPassword{padding-right:54px}
.zlg .zlg-inp input::placeholder{color:#7E8AA8;opacity:1}
.zlg .zlg-inp input:focus{border-color:var(--blue2);box-shadow:0 0 0 4px rgba(61,107,255,.22);background:rgba(4,8,22,.75)}
.zlg .zlg-inp input:-webkit-autofill{-webkit-text-fill-color:#E6ECF8;-webkit-box-shadow:0 0 0 1000px #0B1230 inset;caret-color:#E6ECF8}
.zlg .zlg-eye{position:absolute;right:7px;top:50%;margin-top:-20px;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--mut);display:flex;align-items:center;justify-content:center;cursor:pointer}
.zlg .zlg-eye:hover{color:var(--tx);background:rgba(169,196,255,.08)}
.zlg-eye .zlg-e2,.zlg-eye.zlg-on .zlg-e1{display:none}
.zlg-eye.zlg-on .zlg-e2{display:block}
.zlg .zlg-rem{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;color:var(--soft);cursor:pointer}
.zlg .zlg-rem input{width:20px;height:20px;margin:0;accent-color:#3D6BFF}
.zlg-captcha{overflow:hidden;max-width:100%}

.zlg .zlg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:14px;font:600 15px/1.2 var(--fh);border:1px solid transparent;cursor:pointer;text-align:center;transition:transform .15s,box-shadow .2s,opacity .2s}
.zlg .zlg-btn:hover{transform:translateY(-1px)}
.zlg .zlg-blue,.zlg .zlg-blue:hover,.zlg .zlg-blue:focus{background:linear-gradient(180deg,#5682FF,#3D6BFF);color:#fff;box-shadow:0 14px 36px rgba(61,107,255,.5),inset 0 1px 0 rgba(255,255,255,.3)}
.zlg .zlg-ghost,.zlg .zlg-ghost:hover,.zlg .zlg-ghost:focus{background:rgba(200,215,255,.08);border-color:var(--line2);color:var(--tx)}
.zlg .zlg-block{width:100%}
.zlg .zlg-busy{opacity:.75}

.zlg-secure{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin-top:16px!important;font-size:12px;line-height:1.5;color:var(--mut);text-align:center}
.zlg-secure svg{flex:0 0 auto;margin-top:2px;color:var(--ok)}
.zlg-new{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}
.zlg-new-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}
.zlg-new-btns .zlg-btn{flex:1 1 160px;min-height:46px;font-size:14px}
.zlg-social{margin-top:18px}

/* steps, tabs, messages, code boxes */
.zlg-steps{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.zlg-step{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--mut);white-space:nowrap}
.zlg-step i{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:700;background:rgba(169,196,255,.1);border:1px solid var(--line2);color:var(--mut)}
.zlg-step.zlg-on{color:var(--tx)}
.zlg-step.zlg-on i{background:linear-gradient(180deg,#5682FF,#3D6BFF);border-color:transparent;color:#fff;box-shadow:0 0 18px rgba(61,107,255,.6)}
.zlg-step.zlg-done{color:var(--tx)}
.zlg-step.zlg-done i{background:rgba(91,227,161,.16);border-color:rgba(91,227,161,.45);color:var(--ok)}
.zlg-line{flex:1;height:2px;min-width:12px;border-radius:2px;background:var(--line2)}
.zlg-line.zlg-done{background:linear-gradient(90deg,#5BE3A1,#5682FF)}
.zlg-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:22px;padding:5px;border-radius:16px;background:rgba(4,8,22,.55);border:1px solid var(--line)}
.zlg .zlg-tab{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin:0;border:0;border-radius:12px;background:transparent;color:var(--soft);font:500 14.5px/1 var(--fh);cursor:pointer;transition:background .2s,color .2s}
.zlg .zlg-tab:hover{color:#fff}
.zlg .zlg-tab[aria-selected=true]{background:linear-gradient(180deg,rgba(86,130,255,.95),rgba(61,107,255,.95));color:#fff;font-weight:600;box-shadow:0 8px 22px rgba(61,107,255,.45),inset 0 1px 0 rgba(255,255,255,.25)}
.zlg-tabs+.zlg-msg+div .zlg-form,.zlg #zlg-pass .zlg-form{margin-top:20px}
.zlg-msg{display:none;margin-top:16px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,138,149,.45);background:rgba(255,77,94,.12);color:#FFC2C8;font-size:14px;line-height:1.45}
.zlg-msg.zlg-show{display:block}
.zlg-msg.zlg-info{border-color:rgba(91,227,161,.45);background:rgba(91,227,161,.1);color:#BFF5DA}
.zlg-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(61,107,255,.1);border:1px solid rgba(86,130,255,.25);font-size:13px;line-height:1.5;color:var(--soft)}
.zlg-note svg{flex:0 0 auto;margin-top:2px;color:var(--ok)}
.zlg-note.zlg-warm{background:rgba(255,200,90,.08);border-color:rgba(255,200,90,.28);color:#F3DFB0}
.zlg .zlg-note a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.zlg-codes{display:flex;gap:8px}
.zlg .zlg-d{flex:1 1 0;min-width:0;width:100%;height:60px;margin:0;padding:0;border-radius:14px;border:1px solid var(--line2);background:rgba(4,8,22,.6);color:#fff;text-align:center;font:700 26px/1 var(--fh);box-shadow:none;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}
.zlg .zlg-d:focus{border-color:var(--blue2);box-shadow:0 0 0 4px rgba(61,107,255,.25);background:rgba(4,8,22,.8)}
.zlg .zlg-d.zlg-fill{border-color:rgba(86,130,255,.6);background:rgba(61,107,255,.16)}
.zlg-codes.zlg-shake{animation:zlgShake .35s}
@keyframes zlgShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.zlg-links{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.zlg .zlg-link{margin:0;padding:6px 0;border:0;background:none;font:600 13.5px/1.3 var(--fh);color:var(--ice);cursor:pointer}
.zlg .zlg-link:hover{color:#fff}
.zlg .zlg-link[disabled]{color:var(--mut);cursor:default}
.zlg .zlg-btn[disabled]{opacity:.7;cursor:wait;transform:none}
.zlg [hidden]{display:none!important}

/* WHMCS / Lagom alerts inside the dark card */
.zlg .alert{margin:18px 0 0;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,138,149,.45);background:rgba(255,77,94,.12);color:#FFC2C8;font-size:14px;line-height:1.45}
.zlg .alert-success{border-color:rgba(91,227,161,.45);background:rgba(91,227,161,.12);color:#BFF5DA}
.zlg .alert-info,.zlg .alert-warning{border-color:rgba(169,196,255,.4);background:rgba(61,107,255,.14);color:#D7E2FF}
.zlg .alert a{color:#fff;text-decoration:underline}
.zlg .alert .close{color:inherit;opacity:.7;text-shadow:none}

@keyframes zlgSpin{to{transform:rotate(360deg)}}
@keyframes zlgSpinR{to{transform:rotate(-360deg)}}
@keyframes zlgBreath{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes zlgShine{0%{background-position:-200% 0}100%{background-position:200% 0}}

/* tablet: one column, card in the middle */
@media (max-width:1000px){
 .zlg-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "card" "more";row-gap:28px;padding:48px 32px 64px;max-width:640px}
 .zlg-intro{align-self:start;text-align:center;align-items:center}
 .zlg-lead{margin:0 auto}
 .zlg .zlg-h{font-size:44px}
 .zlg-serif{font-size:48px}
 .zlg-card{justify-self:stretch;max-width:none}
 .zlg-ring{top:50%;left:50%}
 .zlg-more{align-items:center}
 .zlg-chips{width:100%}
}
/* phone: short welcome, login card first, then stats + what you get */
@media (max-width:640px){
 .zlg-grid{padding:30px 16px 48px;row-gap:22px}
 .zlg-secure{justify-content:flex-start;text-align:left}
 .zlg-bg:before{width:1300px;height:1300px;margin-left:-650px;top:-480px;filter:blur(70px)}
 .zlg-glass{-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}
 .zlg-intro{gap:10px;text-align:left;align-items:flex-start}
 .zlg-eyebrow{font-size:11px}
 .zlg .zlg-h{font-size:30px;line-height:1.1}
 .zlg-h b{display:inline}
 .zlg-serif{font-size:32px;margin-top:6px}
 .zlg-lead{display:none}
 .zlg-ring{width:300px;height:300px;margin:-150px 0 0 -150px;left:82%;top:30%}
 .zlg-ring.zlg-r2{display:none}
 .zlg-card{padding:24px 18px 20px;border-radius:24px}
 .zlg .zlg-title{font-size:23px}
 .zlg-sub{font-size:14px;margin-top:6px}
 .zlg-form{gap:16px;margin-top:20px}
 .zlg .zlg-inp input{height:54px;border-radius:14px}
 .zlg-new-btns .zlg-btn{flex:1 1 100%}
 .zlg-steps{gap:7px;margin-bottom:16px}
 .zlg-step{font-size:12px;gap:6px}
 .zlg-tabs{margin-top:18px}
 .zlg .zlg-tab{font-size:13.5px;gap:6px}
 .zlg-codes{gap:6px}
 .zlg .zlg-d{height:54px;font-size:22px;border-radius:12px}
 .zlg-more{gap:14px;align-items:stretch}
 .zlg-chips{gap:8px}
 .zlg-chip{padding:12px 10px;border-radius:14px;align-items:center;text-align:center}
 .zlg-chip b{font-size:19px}
 .zlg-chip small{font-size:9.5px;letter-spacing:.08em}
 .zlg-ticks{padding:16px!important;border-radius:18px;background:rgba(169,196,255,.05);border:1px solid var(--line);gap:12px}
 .zlg-ticks li{font-size:13.5px;align-items:flex-start}
}
@media (max-width:360px){
 .zlg-step span{display:none}
 .zlg .zlg-tab svg{display:none}
 .zlg-codes{gap:4px}
 .zlg .zlg-h{font-size:27px}
 .zlg-serif{font-size:29px}
 .zlg-chip b{font-size:16px}
 .zlg-chip small{font-size:8.5px}
}
@media (prefers-reduced-motion:reduce){.zlg *,.zlg *:before,.zlg *:after,.zlg-bg:before,.zlg-bg:after{animation:none!important;transition:none!important}}

/* ---------- v2.5.1: keep every field readable (Lagom's own input/focus colours are overridden) ---------- */
#zlg input:not([type=checkbox]):not([type=radio]),#zlg select,#zlg textarea,#zlg .form-control{
  background-color:rgba(4,8,22,.6)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;caret-color:#FFFFFF!important;border-color:var(--line2)!important;opacity:1!important}
#zlg input:not([type=checkbox]):not([type=radio]):focus,#zlg select:focus,#zlg textarea:focus,#zlg .form-control:focus{
  background-color:rgba(12,22,58,.92)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border-color:var(--blue2)!important;box-shadow:0 0 0 4px rgba(61,107,255,.22)!important}
#zlg input::placeholder,#zlg textarea::placeholder{color:#8A96B4!important;-webkit-text-fill-color:#8A96B4!important;opacity:1!important}
#zlg input:-webkit-autofill,#zlg input:-webkit-autofill:hover,#zlg input:-webkit-autofill:focus{-webkit-text-fill-color:#FFFFFF!important;-webkit-box-shadow:0 0 0 1000px #0E1838 inset!important;transition:background-color 9999s}
#zlg select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A9C4FF' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important}

/* code boxes: blue boxes, bold white digits */
#zlg .zlg-codes input.zlg-d{background-color:rgba(61,107,255,.2)!important;border:1px solid rgba(120,160,255,.45)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-weight:800!important;font-size:28px!important;text-shadow:0 0 12px rgba(150,180,255,.6)}
#zlg .zlg-codes input.zlg-d:focus{background-color:rgba(61,107,255,.38)!important;border-color:#A9C4FF!important;box-shadow:0 0 0 4px rgba(61,107,255,.3)!important}
#zlg .zlg-codes input.zlg-d.zlg-fill{background-color:rgba(61,107,255,.55)!important;border-color:#7EA0FF!important}
@media (max-width:640px){#zlg .zlg-codes input.zlg-d{font-size:24px!important}}

/* required star */
.zlg .zlg-req{margin-left:3px;color:#FF8A95;font-weight:700}

/* ---------- v2.5.2: full width on every Lagom layout ----------
   Some Lagom page layouts wrap the page in a boxed container (side gaps, top gap, rounded box).
   Every wrapper that holds the Zenox account page is opened up to the full screen width. */
:is(.app-main,.main-body,.main-grid,.main-content,.content,.container,.container-fluid,.row,[class*="col-"],.section,.panel,.card,.login-wrapper,.page-wrapper):has(> .zlg-main,> .zlg,.zlg-main,#zlg){
  max-width:none!important;width:100%!important;min-width:0!important;flex:1 1 100%!important;padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;float:none!important;overflow:visible!important}
.zlg-main,.zlg-main>.zlg{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
body:has(#zlg){background:#050817!important;overflow-x:hidden;overflow-x:clip}

/* =====================================================================
   v3 · ICE STUDIO light theme for login / register / password reset
   ===================================================================== */
body.page-login,body:has(#zlg){background:#F6F8FD!important}
.page-login .main-body.zlg-main,.zlg-main{background:#F6F8FD!important}
.zlg{--bg:#F6F8FD;--line:#E3E9F5;--line2:#D3DCEE;--blue:#2F5BFF;--blue2:#2F5BFF;--ice:#2F5BFF;--tx:#0A1230;--soft:#3A4566;--mut:#636E8C;--ok:#12A971;background:#F6F8FD;color:var(--soft)}
.zlg-bg:before{opacity:.18}
.zlg-bg:after{background:radial-gradient(800px 560px at 12% 30%,rgba(47,91,255,.12),transparent 60%),radial-gradient(800px 560px at 90% 80%,rgba(0,163,255,.08),transparent 60%)}
.zlg-glass{background:#FFFFFF;border:1px solid #E3E9F5;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 0 rgba(10,18,48,.02),0 18px 50px rgba(10,18,48,.08)}
.zlg-rim:before{background:linear-gradient(140deg,rgba(47,91,255,.3),rgba(47,91,255,0) 38%,rgba(47,91,255,0) 62%,rgba(47,91,255,.22))}
.zlg .zlg-card{background:#FFFFFF}
.zlg-serif{background:linear-gradient(90deg,#2F5BFF 0%,#5B7CFF 30%,#00A3FF 50%,#2F5BFF 70%,#5B7CFF 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.zlg-ring{border-color:rgba(47,91,255,.3)}
.zlg-ring.zlg-r2{border-color:rgba(47,91,255,.16)}
.zlg-ring:after{background:#2F5BFF;box-shadow:0 0 16px 5px rgba(47,91,255,.45)}
.zlg-chip b em{color:#2F5BFF}
.zlg-tick{background:rgba(18,169,113,.1);border-color:rgba(18,169,113,.35)}

/* fields: white boxes, navy text */
#zlg input:not([type=checkbox]):not([type=radio]),#zlg select,#zlg textarea,#zlg .form-control{
  background-color:#F8FAFE!important;color:#0A1230!important;-webkit-text-fill-color:#0A1230!important;caret-color:#2F5BFF!important;border-color:#D3DCEE!important}
#zlg input:not([type=checkbox]):not([type=radio]):focus,#zlg select:focus,#zlg textarea:focus,#zlg .form-control:focus{
  background-color:#FFFFFF!important;color:#0A1230!important;-webkit-text-fill-color:#0A1230!important;border-color:#2F5BFF!important;box-shadow:0 0 0 4px rgba(47,91,255,.15)!important}
#zlg input::placeholder,#zlg textarea::placeholder{color:#8B95B0!important;-webkit-text-fill-color:#8B95B0!important}
#zlg input:-webkit-autofill,#zlg input:-webkit-autofill:hover,#zlg input:-webkit-autofill:focus{-webkit-text-fill-color:#0A1230!important;-webkit-box-shadow:0 0 0 1000px #EEF3FF inset!important}
#zlg select option{background:#FFFFFF;color:#0A1230}
.zlg-inp>svg{color:#8B95B0}
.zlg .zlg-eye{color:#8B95B0}
.zlg .zlg-eye:hover{color:#0A1230;background:#EEF2FF}
.zlg .zlg-rem{color:#3A4566}

/* code boxes: solid blue, bold white digits */
#zlg .zlg-codes input.zlg-d{background-color:#5C80FF!important;border:1px solid #4A72FF!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;text-shadow:none;box-shadow:0 8px 20px rgba(47,91,255,.25)}
#zlg .zlg-codes input.zlg-d:focus{background-color:#4A72FF!important;border-color:#1E3FD9!important;box-shadow:0 0 0 4px rgba(47,91,255,.2)!important}
#zlg .zlg-codes input.zlg-d.zlg-fill{background-color:#2F5BFF!important;border-color:#1E3FD9!important}

/* tabs, steps, messages, notes */
.zlg-tabs{background:#EEF2FF;border-color:#DCE4FF}
.zlg .zlg-tab{color:#3A4566}
.zlg .zlg-tab:hover{color:#0A1230}
.zlg .zlg-tab[aria-selected=true],.zlg span.zlg-tab[aria-selected=true]{background:linear-gradient(180deg,#4A72FF,#2F5BFF);color:#FFFFFF;box-shadow:0 8px 20px rgba(47,91,255,.3)}
.zlg a.zlg-tab,.zlg span.zlg-tab{color:#3A4566}
.zlg a.zlg-tab:hover{color:#0A1230}
.zlg-step i{background:#F2F5FB;border-color:#D3DCEE;color:#636E8C}
.zlg-step.zlg-on i{background:linear-gradient(180deg,#4A72FF,#2F5BFF);color:#fff;box-shadow:0 0 14px rgba(47,91,255,.35)}
.zlg-step.zlg-done i{background:rgba(18,169,113,.12);border-color:rgba(18,169,113,.4);color:#12A971}
.zlg-line{background:#D3DCEE}
.zlg-line.zlg-done{background:linear-gradient(90deg,#12A971,#2F5BFF)}
.zlg-msg{background:#FFF1F2;border-color:#FBC9CF;color:#A61B2B}
.zlg-msg.zlg-info{background:#EAFBF3;border-color:#B5EBD2;color:#0D6B48}
.zlg-note{background:#F2F5FF;border-color:#DCE4FF;color:#3A4566}
.zlg-note.zlg-warm{background:#FFF8E8;border-color:#F3E0B0;color:#6B5212}
.zlg .zlg-note a{color:#2F5BFF}
.zlg .zlg-link{color:#2F5BFF}
.zlg .zlg-link:hover{color:#0A1230}
.zlg .zlg-link[disabled]{color:#8B95B0}
.zlg .alert{background:#FFF1F2;border-color:#FBC9CF;color:#A61B2B}
.zlg .alert-success{background:#EAFBF3;border-color:#B5EBD2;color:#0D6B48}
.zlg .alert-info,.zlg .alert-warning{background:#F2F5FF;border-color:#DCE4FF;color:#1E3A8A}
.zlg .alert a{color:inherit}
.zlg .zlg-blue,.zlg .zlg-blue:hover,.zlg .zlg-blue:focus{background:linear-gradient(180deg,#4A72FF,#2F5BFF);box-shadow:0 12px 28px rgba(47,91,255,.3),inset 0 1px 0 rgba(255,255,255,.25)}
.zlg .zlg-ghost,.zlg .zlg-ghost:hover,.zlg .zlg-ghost:focus{background:#FFFFFF;border-color:#D3DCEE;color:#0A1230}
.zlg .zlg-fld-top a{color:#2F5BFF}
.zlg .zlg-fld-top a:hover{color:#0A1230}
.zlg-new{border-top-color:#E3E9F5}
.zlg .zlg-new a{color:#2F5BFF}
@media (max-width:640px){.zlg-ticks{background:#FFFFFF;border-color:#E3E9F5}}
#zlg select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232F5BFF' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important}