/* Login presentation: a single layout system for desktop and mobile. */
.pingo-login{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding:32px;background:#f6f8fc;color:#182b4d}
.pingo-login>.pointer-events-none{display:none}
.pingo-login-story{min-height:650px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:48px;border-radius:24px;background:#e9efff}
.pingo-login-story img.login-brand{width:124px;height:auto;object-fit:contain}
.login-kicker{display:block;margin-bottom:20px;font-size:10px;font-weight:700;letter-spacing:2px;color:#526d9f}
.pingo-login-story h1{margin:0;font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-2px;font-weight:700;color:#182b4d}
.pingo-login-story h1 em{font-style:normal;color:#2e59dc}
.pingo-login-story p{max-width:350px;margin-top:24px;font-size:15px;line-height:1.8;color:#5d6e8a}
.login-caption{font-size:11px;color:#647694;letter-spacing:.2px}
.pingo-login-card{justify-self:center;width:100%;max-width:440px!important;padding:40px!important;background:#fff!important;border:1px solid #e5eaf3!important;border-radius:20px!important;box-shadow:0 12px 40px #182b4d06!important;backdrop-filter:none!important;color:#182b4d}
.pingo-login-card>div:first-child{text-align:left!important;padding:0 0 28px!important}
.pingo-login-card>div:first-child>div:first-child{justify-content:flex-start!important}
.pingo-login-card>div:first-child>div:first-child:has(img.login-brand){display:none!important}
.pingo-login-card>div:first-child>div:first-child img{max-width:160px;height:56px;object-fit:contain}
.pingo-login-card>div:first-child>p{margin-top:0!important;font-size:14px;line-height:1.6;color:#738099;font-weight:400}
.pingo-login-card>div:first-child>div:first-child:not(:has(img.login-brand))+p{margin-top:24px!important}
.pingo-login-welcome{display:block;margin-bottom:8px;font-size:28px;line-height:1.25;letter-spacing:-.8px;font-weight:650;color:#182b4d}
.pingo-login-card>div:nth-child(2){padding:0!important}
.pingo-login-card form{display:flex;flex-direction:column;gap:20px}
.pingo-login-card form>*{margin-top:0!important}
.pingo-login-card form>div.space-y-2{display:flex;flex-direction:column;gap:8px}
.pingo-login-card form>div.space-y-2>*{margin-top:0!important}
.pingo-login-card form>div.space-y-2>label,.pingo-login-card form>div.space-y-2>div.flex{min-height:24px;line-height:24px}
.pingo-login-card label{font-size:13px;font-weight:600;color:#354663}
.pingo-login-card input{height:52px!important;padding:0 14px!important;border:1px solid #dce3ef!important;border-radius:10px!important;background:#fcfdff!important;color:#182b4d!important;font-size:16px!important;box-shadow:none!important}
.pingo-login-card input::placeholder{color:#98a3b5}
.pingo-login-card input:focus-visible{outline:3px solid #2e59dc20!important;outline-offset:1px;border-color:#2e59dc!important;box-shadow:none!important}
.pingo-login-card form button[type=button]{font-size:12px;line-height:24px;font-weight:500;color:#2e59dc;position:relative}
.pingo-login-card form button[type=button]:after{content:'';position:absolute;inset:-10px 0}
.pingo-login-card button[type=submit]{height:52px!important;margin-top:4px!important;border-radius:10px;background:#2e59dc!important;color:#fff;font-size:14px!important;font-weight:600!important;box-shadow:none!important;transition:background .15s}
.pingo-login-card button[type=submit]:hover{background:#244bc1!important;transform:none!important}
.pingo-login-card button:focus-visible,.pingo-login-contact:focus-visible{outline:3px solid #9fb6fa;outline-offset:3px}
.pingo-login-card button[type=submit]>svg{width:17px;height:17px}
.pingo-login-card>div:nth-child(2)>div:last-child{margin-top:28px!important;padding-top:18px;border-top:1px solid #eef1f6}
.pingo-login-card>div:nth-child(2)>div:last-child p{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 5px;font-size:12px;color:#7a879c}
.pingo-login-contact{display:inline-flex;min-height:44px;align-items:center;color:#2e59dc;font-weight:600;text-underline-offset:4px;border-radius:3px}
.pingo-login-contact:hover{text-decoration:underline}
@media(min-width:1500px){.pingo-login{padding:40px max(40px,calc((100vw - 1440px)/2));gap:80px}}
@media(max-width:1000px){.pingo-login{gap:28px;padding:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pingo-login-story{padding:32px;min-height:600px}.pingo-login-story h1{font-size:40px}.pingo-login-card{padding:28px!important}.pingo-login-welcome{font-size:25px}}
@media(max-width:720px){.pingo-login{display:flex;flex-direction:column;gap:24px;padding:0 20px 28px}.pingo-login-story{align-self:auto;width:100%;min-height:0;padding:28px 8px 0;border-radius:0;background:transparent}.pingo-login-story img.login-brand{width:100px}.pingo-login-story>div:nth-child(2){margin-top:24px}.login-kicker,.login-caption,.pingo-login-story p{display:none}.pingo-login-story h1{font-size:26px;line-height:1.2;letter-spacing:-.7px}.pingo-login-story h1 br{display:none}.pingo-login-card{align-self:center;max-width:440px!important;padding:28px 24px 16px!important;border-radius:16px!important}.pingo-login-welcome{font-size:24px}.pingo-login-card>div:first-child{padding-bottom:24px!important}.pingo-login-card>div:first-child>p{font-size:13px}.pingo-login-card form{gap:18px}}
@media(prefers-reduced-motion:reduce){.pingo-login *{animation:none!important;transition:none!important}}