.zl-root{--u:min(1vw, 1.7775vh);--navy:#031437;--blue:#0b57e3;--teal:#10e5d4;color:#0b1b3f;background:linear-gradient(120deg,#eaf1fb 0%,#f4f8fd 60%,#e6eefb 100%);min-height:100dvh;position:relative;overflow-x:hidden}.zl-panel{clip-path:polygon(0 0,100% 0,96.7% 100%,0 100%);color:#fff;background:linear-gradient(90deg,#031437 0%,#05285a 55%,#064a78 100%);width:64%;position:absolute;inset:0 auto 0 0;overflow:hidden}.zl-panel-scroll{z-index:3;height:100%;padding:calc(var(--u) * 1.9) calc(var(--u) * 3.6) calc(var(--u) * 2);scrollbar-width:none;position:relative;overflow-y:auto}.zl-panel-scroll::-webkit-scrollbar{display:none}.zl-scene{z-index:0;width:100%;height:100%;position:absolute;inset:0}.zl-shade{z-index:1;background:linear-gradient(90deg,#031437f7 0%,#042454db 30%,#04366940 58%,#0436690d 100%);position:absolute;inset:0}.zl-decor{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.zl-brand{align-items:center;gap:calc(var(--u) * 1.5);display:flex}.zl-brand img{height:calc(var(--u) * 6);mix-blend-mode:screen;width:auto;min-height:52px}.zl-brand-rule{width:2px;margin:calc(var(--u) * .9) 0;background:#ffffff8c;align-self:stretch}.zl-brand-name{font-weight:700;line-height:1.1;font-size:max(20px, calc(var(--u) * 1.95))}.zl-app{gap:calc(var(--u) * 1.6);margin-top:calc(var(--u) * 1.6);align-items:stretch;display:flex}.zl-app-rule{width:max(3px, calc(var(--u) * .3));background:var(--teal);margin-top:calc(var(--u) * .5);border-radius:2px}.zl-app h1{letter-spacing:-.01em;font-weight:800;line-height:.95;font-size:max(44px, calc(var(--u) * 4.4));margin:0}.zl-app p{margin:calc(var(--u) * .4) 0 0;font-size:max(15px, calc(var(--u) * 1.4));color:#ffffffeb}.zl-hero{margin:calc(var(--u) * 1.4) 0 0;font-weight:800;line-height:1.08;font-size:max(30px, calc(var(--u) * 2.9))}.zl-hero span{color:var(--teal);display:block}.zl-lede{margin:calc(var(--u) * .8) 0 0;max-width:calc(var(--u) * 33.5);color:#ffffffdb;line-height:1.32;font-size:max(14px, calc(var(--u) * 1.2))}.zl-features{margin:calc(var(--u) * 1.5) 0 0;gap:calc(var(--u) * .8);max-width:calc(var(--u) * 33.5);padding:0;list-style:none;display:grid}.zl-feature{gap:calc(var(--u) * 1.15);align-items:center;display:flex}.zl-feature-icon{width:max(44px, calc(var(--u) * 3.3));height:max(44px, calc(var(--u) * 3.3));border-radius:calc(var(--u) * .8);color:var(--teal);background:#10e5d40f;border:1.5px solid #10e5d4bf;flex:none;place-items:center;display:grid}.zl-feature-icon svg{width:52%;height:52%}.zl-feature h3{font-weight:700;font-size:max(15px, calc(var(--u) * 1.3));margin:0;line-height:1.2}.zl-feature p{margin:calc(var(--u) * .1) 0 0;font-size:max(12.5px, calc(var(--u) * .95));color:#ffffffd1;line-height:1.25}.zl-waves{z-index:2;pointer-events:none;height:22%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.zl-waves svg{width:200%;height:100%;animation:16s linear infinite zl-drift;position:absolute;bottom:0;left:0}.zl-waves svg:nth-child(2){opacity:.7;animation-duration:22s;animation-direction:reverse}.zl-card-wrap{z-index:5;right:calc(var(--u) * 1);width:calc(var(--u) * 38.4);display:flex;position:absolute;top:3.5vh;bottom:3.5vh}.zl-card{border-radius:calc(var(--u) * 1.7);width:100%;padding:calc(var(--u) * 1.5) calc(var(--u) * 2.9);background:#fff;flex-direction:column;justify-content:center;display:flex;overflow-y:auto;box-shadow:0 20px 60px #05194124,0 2px 8px #0519410d}.zl-card-logo{justify-content:center;align-items:center;gap:calc(var(--u) * 1);display:flex}.zl-card-logo img{height:calc(var(--u) * 5.2);width:auto;min-height:48px}.zl-card-lims{color:var(--blue);font-weight:800;font-size:max(30px, calc(var(--u) * 3.2));letter-spacing:-.01em;line-height:1}.zl-card-sep{width:1.5px;height:calc(var(--u) * 3.6);background:#b9c6de}.zl-card-flask{color:var(--blue);width:calc(var(--u) * 2.9);min-width:30px;height:auto}.zl-welcome{margin:calc(var(--u) * 1.2) 0 0;text-align:center;color:var(--navy);font-weight:800;font-size:max(30px, calc(var(--u) * 3.1));line-height:1.1}.zl-sub{margin:calc(var(--u) * .7) auto 0;text-align:center;max-width:calc(var(--u) * 28);color:#4b5a78;font-size:max(14px, calc(var(--u) * 1.35));line-height:1.3}.zl-seg{margin-top:calc(var(--u) * 1.4);padding:calc(var(--u) * .3);border-radius:calc(var(--u) * 1);background:#eef2f9;grid-template-columns:1fr 1fr;display:grid;position:relative;box-shadow:inset 0 0 0 1px #e1e8f4}.zl-seg-thumb{top:calc(var(--u) * .3);bottom:calc(var(--u) * .3);left:calc(var(--u) * .3);width:calc(50% - var(--u) * .3);border-radius:calc(var(--u) * .8);background:linear-gradient(#1665f2,#0b50d6);transition:transform .2s;position:absolute;box-shadow:0 4px 12px #0b57e359}.zl-seg[data-value=ADMIN] .zl-seg-thumb{transform:translate(100%)}.zl-seg button{z-index:1;justify-content:center;align-items:center;gap:calc(var(--u) * .7);min-height:44px;height:calc(var(--u) * 2.9);cursor:pointer;color:#1d2b4a;font-weight:600;font-size:max(14px, calc(var(--u) * 1.25));background:0 0;border:0;transition:color .2s;display:flex;position:relative}.zl-seg button[aria-checked=true]{color:#fff}.zl-seg button svg{width:calc(var(--u) * 1.5);min-width:18px;height:auto}.zl-field{margin-top:calc(var(--u) * 1.1)}.zl-field label{color:#0b1b3f;font-weight:700;font-size:max(14px, calc(var(--u) * 1.25));margin-bottom:calc(var(--u) * .5);display:block}.zl-input{position:relative}.zl-input input{width:100%;height:max(46px, calc(var(--u) * 3));border-radius:calc(var(--u) * 1);padding:0 calc(var(--u) * 1.2) 0 calc(var(--u) * 3.6);font:inherit;font-size:max(14px, calc(var(--u) * 1.15));color:#0b1b3f;background:#f7f9fc;border:1px solid #cdd6e6;transition:border-color .18s,box-shadow .18s,background .18s}.zl-input input.zl-has-trailing{padding-right:calc(var(--u) * 3.6)}.zl-input input::placeholder{color:#7b88a3}.zl-input input:focus{border-color:var(--blue);background:#fff;outline:none;box-shadow:0 0 0 4px #0b57e324}.zl-input input[aria-invalid=true]{border-color:#c0392b}.zl-input-icon{left:calc(var(--u) * 1.2);width:calc(var(--u) * 1.6);color:#67748f;pointer-events:none;min-width:18px;height:auto;transition:color .18s;position:absolute;top:50%;transform:translateY(-50%)}.zl-input:focus-within .zl-input-icon{color:var(--blue)}.zl-eye{right:calc(var(--u) * .5);color:#4b5a78;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.zl-eye:hover{color:var(--blue)}.zl-eye svg{width:calc(var(--u) * 1.6);min-width:20px;height:auto}.zl-err{margin:calc(var(--u) * .4) 0 0;font-size:max(13px, calc(var(--u) * 1));color:#b42318;animation:.25s ease-out both zl-fade}.zl-alert{margin-top:calc(var(--u) * 1.1);padding:calc(var(--u) * .8) calc(var(--u) * 1);color:#8a1f14;border-radius:calc(var(--u) * .8);font-size:max(13.5px, calc(var(--u) * 1.05));background:#fdf0ee;border:1px solid #f0b4ae;animation:.25s ease-out both zl-fade}.zl-note{margin-top:calc(var(--u) * 1.1);padding:calc(var(--u) * .8) calc(var(--u) * 1);color:#20365f;border-radius:calc(var(--u) * .8);font-size:max(13.5px, calc(var(--u) * 1.05));background:#f2f6fd;border:1px solid #c8d6f0;animation:.25s ease-out both zl-fade}.zl-row{margin-top:calc(var(--u) * 1.1);font-size:max(14px, calc(var(--u) * 1.15));justify-content:space-between;align-items:center;gap:12px;display:flex}.zl-check{align-items:center;gap:calc(var(--u) * .7);cursor:pointer;color:#0b1b3f;display:inline-flex}.zl-check input{width:calc(var(--u) * 1.6);min-width:18px;height:calc(var(--u) * 1.6);min-height:18px;accent-color:var(--blue)}.zl-link{font:inherit;color:var(--blue);cursor:pointer;background:0 0;border:0;padding:6px 0;font-weight:600}.zl-link:hover{text-decoration:underline}.zl-btn{justify-content:center;align-items:center;gap:calc(var(--u) * .8);width:100%;min-height:48px;height:calc(var(--u) * 3.3);margin-top:calc(var(--u) * 1.2);border-radius:calc(var(--u) * 1);font:inherit;font-weight:700;font-size:max(16px, calc(var(--u) * 1.5));cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.zl-btn svg{width:calc(var(--u) * 1.6);min-width:18px;height:auto}.zl-btn-primary{color:#fff;background:linear-gradient(#1b6bf5,#0a4fd8);border:0;box-shadow:0 8px 20px #0b57e347}.zl-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #0b57e35c}.zl-btn-primary:active:not(:disabled){transform:translateY(0)scale(.985)}.zl-btn-primary:disabled{opacity:.75;cursor:progress}.zl-btn-sso{margin-top:calc(var(--u) * 1);color:var(--blue);border:1.5px solid var(--blue);background:#fff}.zl-btn-sso:hover:not(:disabled){background:#f1f6ff;transform:translateY(-1px)}.zl-btn-sso:disabled{color:#7a8fb8;cursor:not-allowed;border-color:#b7c6e6}.zl-hint{margin:calc(var(--u) * .4) 0 0;text-align:center;font-size:max(12.5px, calc(var(--u) * .95));color:#6a7790}.zl-spin{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:1.2em;height:1.2em;animation:.7s linear infinite zl-rot}.zl-secure{justify-content:center;align-items:center;gap:calc(var(--u) * .7);margin-top:calc(var(--u) * 1.2);padding-top:calc(var(--u) * 1);color:#5a6783;font-size:max(13px, calc(var(--u) * 1.05));border-top:1px solid #e3e9f3;display:flex}.zl-secure svg{color:#0fb8aa;width:calc(var(--u) * 1.6);min-width:18px;height:auto}@keyframes zl-rise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes zl-fade{0%{opacity:0}to{opacity:1}}@keyframes zl-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes zl-glow{0%,to{opacity:.35}50%{opacity:.85}}@keyframes zl-rot{to{transform:rotate(360deg)}}.zl-in{animation:.6s cubic-bezier(.22,.8,.3,1) both zl-rise;animation-delay:var(--d,0s)}.zl-glow{animation:7s ease-in-out infinite zl-glow}@media (prefers-reduced-motion:reduce){.zl-in,.zl-glow,.zl-waves svg,.zl-err,.zl-alert,.zl-note{animation:none!important}.zl-seg-thumb,.zl-btn,.zl-input input,.zl-input-icon{transition:none!important}.zl-btn-primary:hover:not(:disabled){transform:none}}@media (max-width:1279px){.zl-card-wrap{width:calc(var(--u) * 40)}}@media (max-width:1023px){.zl-root{--u:11px}.zl-panel{clip-path:none;width:100%;height:auto;min-height:0;position:relative;inset:auto}.zl-panel-scroll{padding:28px 32px 120px;overflow:visible}.zl-features,.zl-lede,.zl-decor,.zl-waves{display:none}.zl-card-wrap{width:min(560px,100% - 48px);margin:-92px auto 32px;position:relative;inset:auto}.zl-card{padding:32px 36px;overflow:visible}.zl-brand img{height:56px}.zl-brand-name{font-size:20px}.zl-app h1{font-size:44px}.zl-hero{font-size:28px}.zl-welcome{font-size:30px}.zl-card-logo img{height:52px}}@media (max-width:767px){.zl-root{--u:10px;background:linear-gradient(#eef4fd 0%,#fff 40%)}.zl-panel{display:none}.zl-card-wrap{width:100%;margin:0;padding:20px 16px 28px}.zl-card{box-shadow:none;background:0 0;padding:8px 4px}.zl-card-logo img{height:52px}.zl-card-lims{font-size:30px}.zl-card-flask{width:30px}.zl-welcome{font-size:28px}.zl-sub{max-width:320px;font-size:15px}.zl-seg button,.zl-input input{font-size:16px}.zl-btn{font-size:17px}}