.pg-login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:var(--bg)}.pg-login .brand{position:relative;overflow:hidden;background:var(--side);color:var(--side-ink);padding:36px 48px;display:flex;flex-direction:column;gap:28px}.pg-login .brand:before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(233,162,59,.16),transparent 65%)}.pg-login .brand:after{content:"";position:absolute;width:460px;height:460px;left:-160px;bottom:-200px;border-radius:50%;background:radial-gradient(circle,rgba(19,122,117,.35),transparent 65%)}.pg-login .brand>*{position:relative;z-index:1}.pg-login .logo{padding:0}.pg-login .pitch{margin-top:auto;max-width:440px}.pg-login .pitch .kick{font-size:11px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--accent)}.pg-login .pitch h2{font-size:30px;line-height:1.2;letter-spacing:-.6px;color:#fff;font-weight:800;margin-top:10px}.pg-login .pitch p{margin-top:10px;font-size:14px;color:var(--side-ink);opacity:.85}.pg-login .feat{display:flex;flex-direction:column;gap:10px;max-width:440px}.pg-login .feat div{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.pg-login .feat i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none;background:rgba(233,162,59,.14);color:var(--accent)}.pg-login .feat i svg{width:16px;height:16px}.pg-login .feat b{display:block;color:#fff;font-size:13.5px}.pg-login .feat span{font-size:12.5px;color:var(--side-dim)}.pg-login .callwave{display:flex;align-items:center;gap:3px;height:34px;max-width:440px}.pg-login .callwave i{flex:1 1;border-radius:2px;background:rgba(201,214,212,.22);animation:lw 1.8s ease-in-out infinite}@keyframes lw{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.pg-login .bfoot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--side-dim)}.pg-login .side-r{display:flex;flex-direction:column;padding:28px 32px}.pg-login .topbar{display:flex;justify-content:flex-end;align-items:center;gap:10px}.pg-login .center{flex:1 1;display:grid;place-items:center;padding:24px 0}.pg-login .panel{width:min(420px,100%);display:flex;flex-direction:column;gap:18px}.pg-login .panel h1{font-size:26px}.pg-login .panel .lead{color:var(--ink-2);margin-top:4px}.pg-login .card.form{padding:22px;display:flex;flex-direction:column;gap:14px}.pg-login .fld{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink-2)}.pg-login .fld .inp{height:42px;font-size:14px}.pg-login .fld .inp.bad{border-color:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.pg-login .pw{position:relative}.pg-login .pw .inp{width:100%;padding-right:64px}.pg-login .pw button{position:absolute;right:8px;top:8px;height:26px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:700;color:var(--brand)}.pg-login .pw button:hover{background:var(--brand-soft)}.pg-login .row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px}.pg-login .row label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink-2);cursor:pointer}.pg-login .row input[type=checkbox]{accent-color:var(--brand);width:15px;height:15px}.pg-login .link{color:var(--brand);font-weight:700;font-size:12.5px}.pg-login .link:hover{text-decoration:underline}.pg-login .link:disabled{color:var(--ink-3);text-decoration:none;cursor:default}.pg-login .btn.big{height:44px;justify-content:center;font-size:14px;width:100%}.pg-login .btn.big:disabled{opacity:.6;cursor:default}.pg-login .spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(1turn)}}.pg-login .alert{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:10px;font-size:12.5px;line-height:1.45}.pg-login .alert b{display:block}.pg-login .alert.bad{background:var(--bad-soft);color:#7a2520;border:1px solid #f1c9c5}.pg-login .alert.ok{background:var(--ok-soft);color:#1d5c37;border:1px solid #bfe3cb}.pg-login .alert.info{background:var(--info-soft);color:#1f4c8f;border:1px solid #cbdcf5}.pg-login .who-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line-2)}.pg-login .who-pill .ava{width:32px;height:32px;background:var(--brand-soft);color:var(--brand)}.pg-login .who-pill b{display:block;font-size:13px}.pg-login .who-pill span{font-size:12px;color:var(--ink-3)}.pg-login .who-pill button{margin-left:auto}.pg-login .otp{display:flex;gap:8px;justify-content:space-between}.pg-login .otp input{width:100%;max-width:52px;height:54px;text-align:center;font:inherit;font-size:22px;font-weight:800;border:1px solid var(--line);border-radius:10px;background:var(--surface);outline:none;color:var(--ink)}.pg-login .otp input:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px var(--brand-soft)}.pg-login .otp.bad input{border-color:var(--bad)}.pg-login .otpmeta{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-3)}.pg-login .otpmeta b{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pg-login .demo{font-size:12px;color:var(--ink-3);border:1px dashed var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}.pg-login .demo b{color:var(--ink-2)}.pg-login .demo button{color:var(--brand);font-weight:700}.pg-login .fine{font-size:11.5px;color:var(--ink-3);text-align:center;line-height:1.5}.pg-login .lockic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--bad-soft);color:var(--bad)}.pg-login .lockic.ok{background:var(--ok-soft);color:var(--ok)}.pg-login .lockic svg{width:22px;height:22px}@media (max-width:980px){.pg-login{grid-template-columns:minmax(0,1fr)}.pg-login .brand{padding:22px 20px;gap:14px}.pg-login .brand .pitch{margin-top:6px}.pg-login .brand .pitch h2{font-size:22px}.pg-login .bfoot,.pg-login .callwave,.pg-login .feat{display:none}.pg-login .side-r{padding:16px}.pg-login .center{place-items:start center}}