/* Current Jack branding for shared account/recovery screens. Forms and links retain their original behavior. */
.card{max-width:600px;padding:28px 32px 26px}
.card.wide{max-width:680px}
.account-brand{display:flex;align-items:center;justify-content:center;gap:22px;margin:0 auto 22px}
.account-jack{display:block;width:180px;max-width:42%;height:auto;object-fit:contain;flex:none}
.account-wordmark{min-width:0;line-height:1.1}
.account-herculist{display:block;color:#554375;font-size:11px;letter-spacing:.2em;font-weight:800;margin-bottom:5px}
.account-name{display:block;color:#251c4a;font-size:40px;letter-spacing:-.055em;font-weight:900}
.account-name span{color:#7025d6}
.account-tagline{display:block;color:#716289;font-size:9px;letter-spacing:.09em;font-weight:800;margin-top:8px}
h1{font-size:26px;line-height:1.25;margin-bottom:14px}
input{font-size:16px}
@media(max-width:480px){
 .card{padding:24px 18px}
 .account-brand{gap:12px;margin-bottom:20px}
 .account-jack{width:124px;max-width:42%}
 .account-name{font-size:30px}
 .account-herculist{font-size:9px}
 .account-tagline{font-size:7px;letter-spacing:.02em}
 h1{font-size:23px}
}