.pg-login .split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:100vh;min-height:100svh}.pg-login .visual{position:relative;overflow:hidden}.pg-login .visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%}.pg-login .visual .shade{position:absolute;inset:0;background:linear-gradient(200deg,rgba(23,20,31,0) 40%,rgba(23,20,31,.62))}.pg-login .visual .quote{position:absolute;left:40px;right:40px;bottom:40px;color:#FAF8F5;z-index:2}.pg-login .visual .quote p{font-size:clamp(17px,1.5vw,21px);font-weight:700;line-height:1.9;letter-spacing:.03em;text-shadow:0 2px 16px rgba(23,20,31,.4)}.pg-login .visual .quote span{display:block;margin-top:10px;font-size:12px;font-weight:600;color:rgba(250,248,245,.75);letter-spacing:.08em}.pg-login .panel{padding:0 24px}.pg-login .p-top,.pg-login .panel{display:flex;flex-direction:column}.pg-login .p-top{align-items:flex-start;gap:22px;flex-shrink:0;padding-top:26px}.pg-login .brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}.pg-login .brand img{width:24px;height:24px;border-radius:7px}.pg-login .brand b{font-size:17px;font-weight:700}.pg-login .back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink2);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 15px;background:rgba(255,255,255,.55);backdrop-filter:blur(8px);transition:border-color .2s,color .2s,background .2s}.pg-login .back:hover{color:var(--ink);border-color:rgba(30,27,36,.3);background:rgba(255,255,255,.85)}.pg-login .form-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 0 48px}.pg-login .form{width:100%;max-width:360px}.pg-login .form h1{font-size:28px;font-weight:700;letter-spacing:.01em}.pg-login .form .sub{margin-top:10px;font-size:13px;line-height:1.85;color:var(--ink2)}.pg-login .tabs{display:flex;gap:26px;margin-top:30px;border-bottom:1px solid var(--line)}.pg-login .tabs button{font-family:inherit;font-size:14px;font-weight:600;color:var(--ink2);background:none;border:none;cursor:pointer;padding:0 2px 11px;position:relative;transition:color .15s}.pg-login .tabs button.on{color:var(--ink);font-weight:700}.pg-login .tabs button.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.pg-login .tabs button.soon{cursor:not-allowed;opacity:.55}.pg-login .tabs button.soon em{font-style:normal;font-size:10px;font-weight:700;color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:1px 8px;margin-left:7px}.pg-login .field{margin-top:22px}.pg-login .field label{display:block;font-size:12px;font-weight:700;color:var(--ink2);margin-bottom:8px;letter-spacing:.04em}.pg-login .field input{width:100%;font-family:inherit;font-size:14.5px;color:var(--ink);background:none;border:none;border-bottom:1.5px solid rgba(30,27,36,.18);padding:9px 2px;outline:none;transition:border-color .2s}.pg-login .field input::placeholder{color:rgba(97,90,104,.55)}.pg-login .field input:focus{border-bottom-color:var(--accent)}.pg-login .field .row{display:flex;gap:12px;align-items:flex-end}.pg-login .field .row input{flex:1}.pg-login .code-btn{flex-shrink:0;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--accent);background:none;border:1px solid rgba(180,81,111,.4);border-radius:999px;padding:8px 16px;margin-bottom:4px;transition:background .2s}.pg-login .code-btn:hover{background:rgba(180,81,111,.06)}.pg-login .aux{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.pg-login .aux label{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink2);cursor:pointer}.pg-login .aux input{accent-color:var(--accent);width:14px;height:14px}.pg-login .aux a,.pg-login .text-link{font-size:12.5px;color:var(--ink2);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.pg-login .aux a:hover,.pg-login .text-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.pg-login .form-msg{margin-top:14px;font-size:12.5px;line-height:1.6;color:var(--ink2)}.pg-login .form-msg.err{color:var(--accent);font-weight:600}.pg-login .submit{width:100%;margin-top:28px;font-family:inherit;font-size:14px;font-weight:700;color:#FAF8F5;background:var(--ink);border:none;cursor:pointer;padding:13px 0;border-radius:999px;transition:background .2s,transform .15s}.pg-login .submit:hover{background:#363040}.pg-login .submit:active{transform:scale(.98)}.pg-login .submit:disabled{opacity:.55;cursor:wait;transform:none}.pg-login .reg .text-link{font-size:13px;color:var(--accent);font-weight:700;margin-left:4px}.pg-login .or{display:flex;align-items:center;gap:14px;margin:26px 0 0;font-size:11.5px;color:var(--ink2)}.pg-login .or:after,.pg-login .or:before{content:"";flex:1;height:1px;background:var(--line)}.pg-login .alt{display:flex;gap:12px;margin-top:18px}.pg-login .alt a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;color:var(--ink);background:none;border:1px solid var(--line);border-radius:999px;padding:11px 0;transition:border-color .2s,background .2s}.pg-login .alt a:hover{border-color:rgba(30,27,36,.3);background:rgba(255,255,255,.6)}.pg-login .alt svg{width:15px;height:15px}.pg-login .reg{margin-top:30px;font-size:13px;color:var(--ink2)}.pg-login .reg a{color:var(--accent);font-weight:700;text-decoration:none}.pg-login .reg a:hover{text-decoration:underline;text-underline-offset:3px}.pg-login .terms{margin-top:14px;font-size:11.5px;line-height:1.8;color:rgba(97,90,104,.8)}.pg-login .terms a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media (max-width:900px){.pg-login .split{grid-template-columns:1fr}.pg-login .visual{height:min(28vh,220px)}.pg-login .visual img{object-position:center 36%}.pg-login .visual .quote{display:none}.pg-login .panel{min-height:0;padding:0 20px calc(28px + env(safe-area-inset-bottom, 0px))}.pg-login .form-wrap{align-items:flex-start;padding:28px 0 36px}.pg-login .form h1{font-size:24px}.pg-login .field input{font-size:16px}.pg-login .tabs{gap:16px;overflow-x:auto}.pg-login .alt a,.pg-login .code-btn,.pg-login .submit,.pg-login .tabs button{min-height:44px}.pg-login .alt{flex-wrap:wrap}}@media (max-width:480px){.pg-login .visual{height:min(24vh,180px)}.pg-login .visual .quote span{display:none}}