:root{--red:#E31E24;--blue:#0B54A0;--ink:#0d1b2a;--muted:#5b6779;--line:#e6ebf4;--paper:#f4f6fb;--paper2:#e7ecf6}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
.pbody{font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:radial-gradient(1100px 640px at 50% 34%,#fff 0%,var(--paper) 58%,var(--paper2) 100%);min-height:100dvh;display:grid;place-items:center;padding:24px}
.pwrap{width:100%;max-width:430px;display:flex;flex-direction:column;align-items:center}
.pcard{width:100%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px 30px 30px;box-shadow:0 30px 70px rgba(13,27,42,.12);text-align:center}
.plogo{width:min(72%,240px);height:auto;margin:0 auto 20px;display:block}
.ptitle{font-size:22px;font-weight:800;letter-spacing:-.01em}
.psub{margin-top:6px;font-size:14px;color:var(--muted);line-height:1.5}
.perr{margin-top:16px;background:#fdecec;border:1px solid #f6c9c9;color:#a12026;font-size:13px;padding:11px 14px;border-radius:12px;text-align:left}
.pform{margin-top:20px;text-align:left}
.plabel{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a95a6;margin:14px 0 6px}
.pinput{width:100%;padding:13px 15px;border:1px solid #dfe6f1;border-radius:12px;font-size:15px;background:#fafbfe;color:var(--ink)}
.pinput:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,84,160,.12)}
.pcode{letter-spacing:.5em;text-align:center;font-size:22px;font-weight:700}
.pbtn{width:100%;margin-top:22px;padding:14px;border:0;border-radius:12px;cursor:pointer;color:#fff;font-weight:700;font-size:15px;letter-spacing:.06em;background:linear-gradient(135deg,var(--red),#b5161b 42%,var(--blue));background-size:200% 100%;background-position:0 0;transition:background-position .5s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 12px 26px rgba(11,84,160,.22)}
.pbtn:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:0 16px 34px rgba(11,84,160,.30)}
.pbtn-ghost{background:transparent;color:var(--blue);box-shadow:none;border:1px solid var(--line)}
.pbtn-ghost:hover{background:#f4f6fb;transform:none;box-shadow:none}
.phint{margin-top:18px;font-size:12px;letter-spacing:.08em;color:#8a95a6}
.pqr{margin:18px auto 4px;width:220px;height:220px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px}
.pqr svg{width:100%;height:100%}
.plink{display:inline-block;margin-top:20px;font-size:13px;color:var(--blue);text-decoration:none}
.plink:hover{text-decoration:underline}
.pcredit{margin-top:22px;font-size:11px;letter-spacing:.05em;color:#9aa6b6;text-align:center}