@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Barlow:wght@300;400;500;600&display=swap");body{margin:0}.authbg{--brand:#7c3aed;--brand-deep:#3b1181;--lav:#9c79d6;--lav-tint:#efe7fb;--accent:#fab005;--ink:#1e0840;--n-0:#fff;--n-50:#f7f5fc;--n-100:#efebf7;--n-200:#e2dcef;--text-strong:#1e0840;--text-body:#4a4066;--text-muted:#8a82a3;--border:#e2dcef;--border-strong:#cfc6e4;--danger:#dc3556;--danger-tint:#fbe6eb;--success:#1f9d63;--success-tint:#e4f5ec;--amber:#d68f00;--font-display:"Poppins","Segoe UI",system-ui,sans-serif;--font-body:"Barlow","Segoe UI",system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.3,1);--focus-shadow:0 0 0 3px rgba(124,58,237,.35);min-height:100vh;font-family:var(--font-body);color:var(--text-strong);background:radial-gradient(1100px 620px at 12% -8%,var(--lav-tint) 0,rgba(239,231,251,0) 55%),radial-gradient(900px 560px at 108% 112%,#f5efdd 0,hsla(45,55%,91%,0) 55%),var(--n-50);display:flex;align-items:center;justify-content:center;padding:24px;-webkit-font-smoothing:antialiased}.authbg *{box-sizing:border-box}.authbg .shell{width:100%;max-width:428px}.authbg .brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:22px}.authbg .brand img{width:64px;height:64px;border-radius:18px;background:var(--n-0);padding:6px;box-shadow:0 10px 30px -12px rgba(40,10,80,.35)}.authbg .card{background:var(--n-0);border:1px solid var(--border);border-radius:22px;padding:34px 32px 26px;box-shadow:0 24px 60px -28px rgba(40,10,80,.32)}.authbg h1{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-.02em;margin:0;text-align:center;line-height:1.15}.authbg .sub{text-align:center;color:var(--text-muted);font-size:14px;margin:8px 0 0;line-height:1.5}.authbg .sub b{color:var(--text-body);font-weight:600}.authbg form{margin-top:26px}.authbg .field{margin-bottom:16px}.authbg label{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:7px;font-family:var(--font-display)}.authbg .input-wrap{position:relative}.authbg .input-wrap>svg.lead{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none;transition:color .16s var(--ease)}.authbg input{width:100%;font-family:var(--font-body);font-size:15px;color:var(--text-strong);padding:13px 44px 13px 42px;border:1.5px solid var(--border-strong);border-radius:14px;background:var(--n-50);transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease);outline:none}.authbg input::placeholder{color:#a9a1be}.authbg input:hover{border-color:var(--lav)}.authbg input:focus{border-color:var(--brand);background:var(--n-0);box-shadow:var(--focus-shadow)}.authbg .input-wrap:focus-within svg.lead{color:var(--brand)}.authbg .remember input{width:16px;height:16px;padding:0;accent-color:var(--brand)}.authbg .toggle-pw{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:8px;border-radius:9px;color:var(--text-muted);display:flex;transition:background .16s var(--ease),color .16s var(--ease)}.authbg .toggle-pw:hover{background:var(--lav-tint);color:var(--brand)}.authbg .toggle-pw svg{width:18px;height:18px}.authbg .row-between{display:flex;align-items:center;justify-content:space-between;margin:2px 0 20px}.authbg .remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-body);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.authbg .link{font-size:13px;font-weight:600;color:var(--brand);text-decoration:none;font-family:var(--font-display);background:none;border:none;cursor:pointer;padding:0}.authbg .link:hover{color:var(--brand-deep);text-decoration:underline}.authbg .meter{display:flex;gap:6px;margin:10px 2px 2px}.authbg .meter span{height:5px;flex:1 1;border-radius:999px;background:var(--n-200);transition:background .2s var(--ease)}.authbg .meter-label{font-size:12px;color:var(--text-muted);margin:7px 2px 0;min-height:16px;transition:color .16s var(--ease)}.authbg .btn{width:100%;font-family:var(--font-display);font-weight:600;font-size:15px;color:#fff;background:var(--brand);border:none;border-radius:14px;padding:14px;cursor:pointer;box-shadow:0 12px 26px -12px rgba(124,58,237,.7);transition:filter .16s var(--ease),transform .1s var(--ease),box-shadow .16s var(--ease);display:flex;align-items:center;justify-content:center;gap:9px}.authbg .btn:hover{filter:brightness(1.07);box-shadow:0 16px 32px -12px rgba(124,58,237,.75)}.authbg .btn:active{transform:scale(.985)}.authbg .btn:focus-visible{outline:none;box-shadow:var(--focus-shadow),0 12px 26px -12px rgba(124,58,237,.7)}.authbg .btn svg{width:18px;height:18px}.authbg .alert{display:flex;gap:10px;align-items:flex-start;margin-bottom:20px;background:var(--danger-tint);border:1px solid #f3c6cf;color:var(--danger);border-radius:13px;padding:12px 14px;font-size:13.5px;line-height:1.45}.authbg .alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.authbg .alert[hidden]{display:none}.authbg .note{text-align:center;color:var(--danger);font-size:14px;margin:18px 0 0;line-height:1.5}.authbg .foot{text-align:center;margin-top:22px;font-size:12.5px;color:var(--text-muted)}.authbg .foot b{color:var(--text-body);font-weight:600}@media (max-width:400px){.authbg .card{padding:28px 20px 22px;border-radius:20px}.authbg h1{font-size:21px}}