.auth{display:grid;grid-template-columns:minmax(320px,440px) 1fr;min-height:100vh}
.side{background:radial-gradient(700px 400px at 100% 0%,#1f4f9a 0%,transparent 60%),linear-gradient(160deg,var(--hero-a),var(--hero-b));
  color:#c6d1e3;padding:36px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.side h2{color:#fff;font-size:28px;line-height:1.2;letter-spacing:-.03em;margin-bottom:20px}
.side ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.side li{padding-left:22px;position:relative;font-size:14.5px}
.side li::before{content:'';position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:3px;background:#4d93f0}
.side li b{color:#fff}
.side-foot{font-size:12.5px;color:#8fa0bd}
.pane{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}
.box{width:100%;max-width:400px}
.box h1{font-size:26px;margin-bottom:6px}
.box .lede{color:var(--muted);margin-bottom:24px}
.alt{margin-top:18px;font-size:14px;color:var(--muted);text-align:center}
.row-between{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 16px;font-size:13.5px}
.pwmeter{height:4px;border-radius:2px;background:var(--grid);margin-top:2px;overflow:hidden}
.pwmeter i{display:block;height:100%;width:0;border-radius:2px;transition:width .25s,background .25s}
.mob-logo{display:none;margin-bottom:28px}
@media(max-width:820px){
  .auth{grid-template-columns:1fr}
  .side{display:none}
  .mob-logo{display:block}
  .pane{justify-content:flex-start;padding-top:calc(36px + env(safe-area-inset-top))}
}