.login-wrap{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;margin-inline:auto}.login-aside{background:linear-gradient(160deg,#0d201e,#0a3a35 70%,#0a655d);color:#fff;padding:2.6rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-aside:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(19,152,140,.4),transparent 70%);right:-160px;top:-120px}.login-aside .lq{font-size:1.5rem;font-weight:600;max-width:430px;position:relative;z-index:2}.login-aside .lstats{display:flex;gap:2.115rem;position:relative;z-index:2}.login-aside .lstats b{font-size:1.5rem;display:block}.login-aside .lstats span{color:#9fb5b1;font-size:.75rem}.login-main{display:flex;align-items:center;justify-content:center;padding:2.5rem}.login-card{width:100%;max-width:450px}.login-card h1{font-size:1.375rem;font-weight:700;margin:1.375rem 0 .25rem}.login-card .sub{color:var(--text-muted);font-size:.875rem;margin:0 0 1.5rem}.login-card .inp{width:100%;padding-left:2rem}.login-card .inp:has(+.pw-toggle){padding-right:2.5rem}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--text-subtle);cursor:pointer}.pw-toggle:hover,.pw-toggle[aria-pressed=true]{color:var(--text)}.pw-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.input-icon .pw-toggle svg{position:static;transform:none;color:inherit}.pw-toggle .pw-hide,.pw-toggle[aria-pressed=true] .pw-show{display:none}.pw-toggle[aria-pressed=true] .pw-hide{display:block}.login-wrap--wide{grid-template-columns:1fr 3fr;background:var(--bg)}.login-wrap--wide .login-aside{padding:2rem 1.5rem}.login-wrap--wide .login-aside .lq{font-size:1.125rem}.login-wrap--wide .login-main{align-items:flex-start}.login-wrap--wide .login-card{max-width:920px}.login-foot{margin-top:1.375rem;text-align:center;font-size:.75rem}@media(max-width:768px){.login-wrap{grid-template-columns:1fr}.login-aside{display:none}.lstats{flex-direction:column;gap:1rem;margin-top:1rem}.login-main{padding:1.5rem 2.5rem}}