.pg-login .container{width:100%;max-width:1280px;margin-inline:auto}.pg-login svg{stroke-linecap:round;stroke-linejoin:round}.pg-login .i{stroke:currentColor;fill:none;stroke-width:1.8px;width:18px;height:18px}.pg-login{background:var(--bg)}.pg-login .auth{grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.pg-login .side{background:linear-gradient(150deg,var(--tb) 0%,color-mix(in srgb,var(--tb) 50%,var(--tb-deep)) 45%,var(--tb-deep) 100%);color:#fff;flex-direction:column;padding:44px 56px;display:flex;position:relative;overflow:hidden}.pg-login .side .bg-grid{opacity:.35}.pg-login .side .glow{opacity:.55}.pg-login .tlogo{font-family:var(--f-display);align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex;position:relative}.pg-login .tlogo i{background:var(--tb-pop);width:40px;height:40px;color:var(--tb-on-pop);border-radius:11px;place-items:center;font-size:14px;font-style:normal;display:grid}.pg-login .tlogo small{font-family:var(--f-body);color:#ffffffa6;font-size:12px;font-weight:500;display:block}.pg-login .side h2{font-family:var(--f-display);letter-spacing:-.02em;max-width:480px;margin:auto 0 14px;font-size:40px;line-height:1.12;position:relative}.pg-login .side h2 em{color:var(--tb-hi);font-style:normal}.pg-login .side p.lead{color:#ffffffbf;max-width:440px;margin:0 0 30px;font-size:15.5px;position:relative}.pg-login .float-card{color:#13201e;background:#fffffff5;border-radius:14px;padding:14px 16px;font-size:12.5px;transition:transform .3s;position:absolute;box-shadow:0 24px 50px -24px #0009}.pg-login .float-card:hover{transform:translateY(-4px)scale(1.02)}.pg-login .float-card b{font-family:var(--f-display)}.pg-login .fc1{width:250px;animation:6s ease-in-out infinite floaty;top:120px;right:56px}.pg-login .fc2{width:220px;animation:7s ease-in-out -2s infinite floaty;top:270px;right:150px}.pg-login .fc1 .row{justify-content:space-between;align-items:center;display:flex}.pg-login .fc1 .v{font-size:22px;font-family:var(--f-display);margin:6px 0 8px;font-weight:800}.pg-login .okp{color:#0f5c43;background:#e3f4ee;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.pg-login .fc2 .bars{align-items:flex-end;gap:5px;height:50px;margin-top:8px;display:flex}.pg-login .fc2 .bars span{background:color-mix(in srgb,var(--tb) 22%,#fff);transform-origin:bottom;border-radius:4px 4px 0 0;flex:1;animation:1s cubic-bezier(.2,.7,.2,1) both growY}.pg-login .fc2 .bars span:nth-child(5){background:var(--tb)}.pg-login .perks{color:#fffc;gap:22px;font-size:13px;display:flex;position:relative}.pg-login .perks span{align-items:center;gap:8px;display:flex}.pg-login .perks svg{width:18px;height:18px;stroke:var(--tb-hi)}.pg-login .form-side{flex-direction:column;padding:32px 56px;display:flex;position:relative}.pg-login .form-top{justify-content:flex-end;gap:10px;display:flex}.pg-login .form-box{width:100%;max-width:420px;margin:auto}.pg-login .form-box h1{font-family:var(--f-display);letter-spacing:-.02em;margin:18px 0 6px;font-size:30px}.pg-login .form-box p.s{color:var(--ink-2);margin:0 0 24px;font-size:14.5px}.pg-login .who{grid-template-columns:1fr 1fr;width:100%;display:grid}.pg-login .who button{justify-content:center;align-items:center;gap:8px;display:flex}.pg-login .pw-wrap{position:relative}.pg-login .pw-wrap button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px;transition:background .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pg-login .pw-wrap button:hover{background:var(--surface-2)}.pg-login .or{color:var(--ink-2);align-items:center;gap:12px;margin:18px 0;font-size:12.5px;display:flex}.pg-login .or:before,.pg-login .or:after{content:"";background:var(--line);flex:1;height:1px}.pg-login .sso{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pg-login .sent-msg{background:var(--accent-soft);color:#0f5c43;border-radius:12px;align-items:center;gap:12px;margin-top:14px;padding:14px;font-size:13.5px;animation:.5s cubic-bezier(.2,.7,.2,1) rise;display:none}[data-theme=dark] .pg-login .sent-msg{color:#7be6c3}.pg-login #form.sent .sent-msg{display:flex}.pg-login .foot{color:var(--ink-2);justify-content:space-between;font-size:12.5px;display:flex}.pg-login .tlogo i{flex-shrink:0;overflow:hidden}.pg-login .tlogo i.bm-logo{background:#fff;padding:5px}.pg-login .tlogo i img{object-fit:contain;max-width:100%;max-height:100%}.pg-login .fc-sub{color:#566462}.pg-login .sso{grid-template-columns:1fr}.pg-login .form-box .form-err{margin:0}.pg-login .link-btn{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.pg-login .two-fa-ic{border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.pg-login .two-fa-ic svg{width:22px;height:22px}.pg-login .notice{background:var(--warn-soft);color:var(--warn-ink);border-radius:12px;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px;font-size:13.5px;display:flex}.pg-login .notice.bad{background:var(--bad-soft);color:var(--bad-ink)}.pg-login .notice.ok{background:var(--accent-soft);color:#0f5c43}[data-theme=dark] .pg-login .notice.ok{color:#7be6c3}.pg-login .notice svg{stroke:currentColor;fill:none;stroke-width:1.9px;flex-shrink:0;width:19px;height:19px;margin-top:1px}.pg-login .dest{flex-direction:column;gap:8px;margin-top:14px;display:flex}.pg-login .dest a{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s,transform .2s;display:flex}.pg-login .dest a:hover{border-color:var(--brand);transform:translateY(-2px)}.pg-login .dest small{color:var(--ink-2);font-size:12px;display:block}.pg-login .dest .go{color:var(--ink-2);margin-left:auto}.pg-login .who-user{background:var(--surface-2);border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;font-size:13.5px;display:flex}.pg-login .who-user small{color:var(--ink-2);font-size:12px;display:block}@media (max-width:1100px){.pg-login .side{padding:36px 40px}.pg-login .fc1{right:28px}.pg-login .fc2{display:none}.pg-login .form-side{padding:28px 32px}}@media (max-width:900px){.pg-login .auth{grid-template-columns:1fr;min-height:0}.pg-login .side{padding:22px 16px 26px}.pg-login .float-card,.pg-login .perks,.pg-login .side p.lead{display:none}.pg-login .side h2{margin:22px 0 0;font-size:24px}.pg-login .form-side{padding:16px 16px 24px}.pg-login .form-box{margin:8px auto 28px}.pg-login .form-box h1{font-size:25px}.pg-login .foot{text-align:center;flex-direction:column;align-items:center;gap:6px}}