.zl-auth{--danger:var(--state-danger);background-color:var(--surface-canvas);background-image:linear-gradient(var(--sk-grid) 1px, transparent 1px), linear-gradient(90deg, var(--sk-grid) 1px, transparent 1px);min-height:100dvh;color:var(--on-dark);background-size:26px 26px;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow-x:hidden}.zl-auth:before{display:none}.zl-auth-back{z-index:1;color:var(--on-dark-2);transition:background-color .18s var(--e-move), color .18s var(--e-move);border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;padding:.5rem .875rem .5rem .625rem;font-size:.9375rem;font-weight:500;display:inline-flex;position:relative}.zl-auth-back svg{transition:transform .24s var(--e-in)}.zl-auth-back:hover{color:var(--on-dark);background:#ffffff14}.zl-auth-back:hover svg{transform:translate(-3px)}.zl-auth-back:active{background:#ffffff0a}.zl-auth-main{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding-block:2rem;display:flex;position:relative}.zl-auth-mark{color:var(--on-dark);animation:zl-rise .52s var(--e-in) both}.zl-auth-mark .zl-mark-text{font-size:1.5rem}.zl-auth-card{border:2px solid var(--sk-outline);background:var(--paper-hi);width:100%;max-width:27rem;color:var(--text);box-shadow:6px 6px 0 var(--sk-shadow);animation:zl-rise .6s var(--e-in) both;border-radius:20px 13px 22px 14px;padding:2rem clamp(1.25rem,5vw,2rem) 1.75rem;animation-delay:80ms;position:relative;overflow:hidden}.zl-auth-cap{grid-template-columns:repeat(4,1fr);height:4px;display:grid;position:absolute;inset:0 0 auto}.zl-auth-cap i{display:block}.zl-auth-title{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.012em;text-transform:none;margin:0;font-size:2rem;font-weight:600;line-height:1}.zl-auth-intro{color:var(--text-2);margin:.625rem 0 0;font-size:.9375rem;line-height:1.5}.zl-auth-form{flex-direction:column;gap:1.125rem;margin-top:1.75rem;display:flex}.zl-field{flex-direction:column;gap:.375rem;display:flex}.zl-field-top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.zl-field label{font-size:.875rem;font-weight:600}.zl-field-aside{color:var(--text-2);transition:color .16s var(--e-move);font-size:.8125rem;font-weight:500}.zl-field-aside:hover{color:var(--pulse)}.zl-input-wrap{align-items:center;display:flex;position:relative}.zl-input{background:var(--paper);width:100%;box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:inherit;transition:box-shadow .18s var(--e-move), background-color .18s var(--e-move);border:0;border-radius:11px;padding:.6875rem .875rem;font-size:.9375rem}.zl-input::placeholder{color:var(--text-muted)}.zl-input:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--line-strong)}.zl-input:focus{background:var(--paper-hi);box-shadow:inset 0 0 0 2px var(--pulse);outline:none}.zl-input:disabled{opacity:.6;cursor:not-allowed}.zl-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--danger)}.zl-input-pw{padding-right:3rem}.zl-peek{width:44px;height:44px;color:var(--text-2);cursor:pointer;transition:background-color .16s var(--e-move), color .16s var(--e-move);background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;right:.3125rem}.zl-peek:hover{background:var(--paper-alt);color:var(--text)}.zl-peek:active{transform:scale(.92)}.zl-error{color:var(--danger);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.zl-auth-submit{width:100%;margin-top:.25rem;padding-block:.8125rem;font-size:1rem}.zl-auth-submit:disabled{opacity:.72;cursor:progress}.zl-auth-submit:disabled:hover{box-shadow:none;transform:none}.zl-spin{margin-right:.5rem;animation:.9s linear infinite zl-spin}@keyframes zl-spin{to{transform:rotate(360deg)}}.zl-auth-alt{color:var(--on-dark-2);animation:zl-rise .6s var(--e-in) both;margin:0;font-size:.9375rem;animation-delay:.16s}.zl-auth-alt a{color:var(--brand-accent-ink);font-weight:600;position:relative}.zl-auth-alt a:after{content:"";transform-origin:0;height:2px;transition:transform .26s var(--e-in);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.zl-auth-alt a:hover:after{transform:scaleX(1)}.zl-meter{--lvl:var(--danger);margin-top:.125rem}.zl-meter[data-level=idle]{--lvl:var(--text-2)}.zl-meter[data-level=fair]{--lvl:var(--state-warning)}.zl-meter[data-level=strong]{--lvl:var(--state-success)}.zl-meter-bars{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.zl-meter-bars span{background:var(--paper-alt);transform-origin:0;height:4px;transition:background-color .24s var(--e-move);border-radius:999px}.zl-meter-bars span[data-on]{background:var(--lvl)}.zl-meter-label{color:var(--lvl);margin:.4375rem 0 0;font-size:.8125rem;font-weight:600}.zl-meter-note{color:var(--text-2);margin:.4375rem 0 0;font-size:.75rem}.zl-meter-rules{flex-wrap:nowrap;justify-content:space-between;gap:.375rem;margin:.4375rem 0 0;padding:0;list-style:none;display:flex}.zl-meter-rules li{color:var(--text-2);white-space:nowrap;transition:color .2s var(--e-move);align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.zl-meter-rules li[data-ok]{color:var(--text)}.zl-meter-tick{background:var(--paper-alt);color:#fff;width:13px;height:13px;transition:background-color .2s var(--e-move);border-radius:50%;flex:none;place-items:center;display:grid}.zl-meter-rules li[data-ok] .zl-meter-tick{background:#0f9d63}@media (max-width:480px){.zl-meter-rules{grid-template-columns:repeat(2,max-content);justify-content:start;gap:.375rem 1.25rem;display:grid}}@media (max-width:420px){.zl-auth{padding:1rem}.zl-auth-title{font-size:1.75rem}}@media (prefers-reduced-motion:reduce){.zl-auth-mark,.zl-auth-card,.zl-auth-alt{animation:none}}