.pxl-auth{--violet:#7A3BF2;--violet-d:#5E27C9;--violet-l:#9B6BF5;--magenta:#E0379A;--ink:#1F1430;--field:#F4EEFF;--paper:#FBFAFE;--line:#E6DEF5;--line-2:#D8CCF0;--txt:#241A38;--muted:#8A7FA6;--muted-d:#6B6088;--grid:#E7DEF6;--ok:#16A36A;--mono:"Space Mono", ui-monospace, monospace;--sans:"Outfit", system-ui, sans-serif;background:var(--paper);color:var(--txt)}.pxl-auth .auth{width:100%;min-height:100vh;display:grid;grid-template-columns:1.04fr 1fr}.pxl-auth .brandside,.pxl-auth .formside{min-width:0}.pxl-auth .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}.pxl-auth .eyebrow .led{width:7px;height:7px;border-radius:50%;background:var(--magenta);box-shadow:0 0 0 4px #e0379a2e;animation:pxlblink 2.4s ease-in-out infinite}@keyframes pxlblink{0%,to{opacity:1}50%{opacity:.35}}.pxl-auth .eyebrow .br{width:26px;height:1px;background:linear-gradient(90deg,var(--violet),transparent)}.pxl-auth .grid-bg{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(var(--grid) 1.4px,transparent 1.4px);background-size:26px 26px;background-position:-1px -1px}.pxl-auth .tick{position:absolute;pointer-events:none}.pxl-auth .tick:before,.pxl-auth .tick:after{content:"";position:absolute;background:var(--violet);opacity:.55}.pxl-auth .tick:before{width:13px;height:1.5px;top:6px;left:0}.pxl-auth .tick:after{width:1.5px;height:13px;top:0;left:6px}.pxl-auth .live{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);background:#7a3bf214;border:1px solid rgba(122,59,242,.2);border-radius:999px;padding:6px 12px}.pxl-auth .live .pulse{width:8px;height:8px;border-radius:50%;background:var(--magenta);position:relative}.pxl-auth .live .pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--magenta);animation:pxlring 1.8s ease-out infinite}@keyframes pxlring{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.8);opacity:0}}.pxl-auth .qr-wrap{position:relative;border-radius:14px;overflow:hidden;background:#fff}.pxl-auth .qr{display:grid;gap:0;image-rendering:pixelated}.pxl-auth .qr i{background:var(--ink)}.pxl-auth .qr i.v{background:var(--violet)}.pxl-auth .qr i.m{background:var(--magenta)}.pxl-auth .qr i.o{background:transparent}.pxl-auth .brandside{position:sticky;top:0;align-self:start;height:100vh;overflow:hidden;background:#13092a;color:#fff;display:flex;flex-direction:column;padding:46px 52px}.pxl-auth .bwall{position:absolute;inset:-8% -4%;display:flex;gap:13px;transform:rotate(-5deg) scale(1.18);pointer-events:none;z-index:0}.pxl-auth .bwall .col{flex:1;display:flex;flex-direction:column;gap:13px;will-change:transform;animation:pxlbflow var(--d,38s) linear infinite}.pxl-auth .bwall .col.rev{animation-direction:reverse}.pxl-auth .bwall .col img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;display:block;box-shadow:0 12px 30px -16px #0009}@keyframes pxlbflow{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.pxl-auth .bfrost{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(165deg,#1f1034c7,#140b21e0 60%,#0f081aed);backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}.pxl-auth .bveil{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(70% 55% at 16% 12%,rgba(122,59,242,.5),transparent 60%),radial-gradient(60% 55% at 92% 96%,rgba(224,55,154,.4),transparent 60%)}.pxl-auth .brandside .tick{z-index:3}.pxl-auth .brandside .tick:before,.pxl-auth .brandside .tick:after{background:#ffffff80}.pxl-auth .tick.t-tl{top:24px;left:24px}.pxl-auth .tick.t-br{bottom:24px;right:24px;transform:rotate(180deg)}.pxl-auth .brandside .b-top,.pxl-auth .brandside .b-mid,.pxl-auth .brandside .b-bot{position:relative;z-index:3}.pxl-auth .brandside .logo img{height:30px;display:block}.pxl-auth .brandside .b-mid{margin-top:auto;max-width:440px}.pxl-auth .brandside .eyebrow{margin-bottom:22px;color:#e9deff}.pxl-auth .brandside .eyebrow .br{background:linear-gradient(90deg,rgba(255,255,255,.7),transparent)}.pxl-auth .brandside .bhead{font-size:clamp(32px,3vw,42px);line-height:1.06;font-weight:700;letter-spacing:-.03em;margin:0 0 18px;max-width:14ch;text-wrap:balance}.pxl-auth .brandside .bhead em{font-style:normal;color:var(--violet-l)}.pxl-auth .brandside .bhead .mg{color:var(--magenta)}.pxl-auth .brandside .lede{font-size:16px;line-height:1.6;color:#c4b8e0;margin:0;max-width:34ch}.pxl-auth .ledger{margin-top:30px;display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.12)}.pxl-auth .ledger .row{display:flex;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.1)}.pxl-auth .ledger .ix{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--violet-l);letter-spacing:.06em;flex:none;width:22px}.pxl-auth .ledger .tx{font-size:14.5px;color:#e5ddf5;flex:1}.pxl-auth .ledger .ck{flex:none;width:18px;height:18px;color:var(--ok)}.pxl-auth .ledger .ck svg{width:18px;height:18px}.pxl-auth .b-bot{margin-top:34px;display:flex;align-items:center;gap:18px}.pxl-auth .b-bot .qr-wrap{width:74px;height:74px;flex:none;border:1px solid rgba(255,255,255,.18);background:#1b0f30}.pxl-auth .b-bot .qr-wrap .qr{width:74px;height:74px}.pxl-auth .b-bot .qr i{background:#c9bee4}.pxl-auth .b-bot .qr i.v{background:var(--violet-l)}.pxl-auth .b-bot .qr i.m{background:var(--magenta)}.pxl-auth .b-bot .qr i.o{background:transparent}.pxl-auth .b-bot .qmeta .t1{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;color:#fff}.pxl-auth .b-bot .qmeta .t2{font-size:12.5px;color:#a99cc9;margin-top:3px}.pxl-auth .b-bot .qmeta .t2 b{color:#fff;font-weight:700}.pxl-auth .b-bot .live{margin-top:9px;color:#e9deff;background:#ffffff14;border-color:#ffffff29}.pxl-auth .formside{position:relative;display:flex;flex-direction:column;padding:30px 6.4vw;min-height:100vh;background:var(--paper)}.pxl-auth .formside .grid-bg{opacity:.6;z-index:0}.pxl-auth .formside .tick{z-index:1;opacity:.6}.pxl-auth .formside .tick.f-tr{top:22px;right:22px;transform:rotate(90deg)}.pxl-auth .formside>*{position:relative;z-index:2}.pxl-auth .topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.pxl-auth .topbar .home{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--muted-d);text-decoration:none}.pxl-auth .topbar .home svg{width:14px;height:14px}.pxl-auth .topbar .home:hover{color:var(--violet)}.pxl-auth .hsym{display:none;align-items:center;gap:9px;text-decoration:none}.pxl-auth .hsym img{height:26px}.pxl-auth .hsym b{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.pxl-auth .formwrap{margin:auto 0;width:100%;max-width:392px;align-self:center;padding:38px 0}.pxl-auth .s-head{margin-bottom:28px}.pxl-auth .s-head .eyebrow{margin-bottom:14px}.pxl-auth .s-head h1{font-size:29px;font-weight:700;letter-spacing:-.025em;margin:0 0 9px;color:var(--ink)}.pxl-auth .s-head .sub{font-size:15px;color:var(--muted-d);margin:0;line-height:1.5}.pxl-auth .secure{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted);margin-top:22px;text-transform:uppercase}.pxl-auth .secure .dot{width:6px;height:6px;border-radius:50%;background:var(--ok);flex:none}@media(max-width:900px){.pxl-auth .auth{grid-template-columns:1fr}.pxl-auth .brandside{position:relative;height:auto;min-height:340px;align-self:auto;padding:32px 32px 38px}.pxl-auth .brandside .b-mid{margin-top:26px;max-width:none}.pxl-auth .ledger,.pxl-auth .brandside .tick{display:none}.pxl-auth .formside{min-height:auto;padding:30px 32px 46px}.pxl-auth .formwrap{margin:0 auto;padding:14px 0 0}}@media(max-width:560px){.pxl-auth .brandside{display:none}.pxl-auth .formside{padding:22px 22px 40px}.pxl-auth .topbar .home span{display:none}.pxl-auth .hsym{display:flex}.pxl-auth .formwrap{padding-top:22px}}
