.intro>p{max-width:460px}
.slogan{display:flex;align-items:center;gap:12px;margin-top:32px;color:#303175;font-family:Manrope,sans-serif;font-weight:800;font-size:16px;letter-spacing:-.015em}
.eyebrow{font-size:13px}
.brand-lockup{width:300px;max-width:100%}
.header .brand-lockup{margin-left:-15px}
.header{width:min(1240px,86.4vw);margin-inline:auto;padding:39px 0 20px}
.footer{width:min(1240px,86.4vw);margin-inline:auto;padding-left:0;padding-right:0}
.brand-lockup img{width:100%;transform:translateY(10px)}
.brand-slogan{font-family:Manrope,sans-serif;font-weight:800;color:#303175;font-size:15px;letter-spacing:.005em;text-align:center;margin-top:-4px}
.intro{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:25px 0 22px}
.intro .eyebrow{margin-bottom:22px}
.intro .stacked-headline{font-size:clamp(54px,5.5vw,78px);line-height:1.08;letter-spacing:-.06em;margin:0}
.intro .stacked-headline .headline-word{display:block;background:none;-webkit-background-clip:initial;background-clip:initial}
.intro .stacked-headline .headline-word.navy{color:#252569}
.intro .stacked-headline .green-period{display:inline;color:#82c91d;background:none}
.intro .stacked-headline .headline-word.green{color:#82c91d}
.intro .stacked-headline::after{margin-top:18px;margin-bottom:22px}
.password-wrap button{width:38px;height:38px;right:7px;display:grid;place-items:center;border-radius:8px;color:#737c91}
.password-wrap button:hover{background:#f2f5f8;color:#303175}
.password-wrap button svg{width:20px;height:20px}
.password-wrap button .eye-closed{display:none}
.password-wrap button.password-visible .eye-open{display:none}
.password-wrap button.password-visible .eye-closed{display:block}
.intro h1::after{content:'';display:block;width:46px;height:3px;background:#89d52b;border-radius:3px;margin-top:28px}
.slogan-mark{width:31px;height:3px;border-radius:3px;background:#87d51d;flex:none}
.card-body{padding-top:48px;padding-bottom:42px}
.card-body h2{font-size:31px;margin:0 0 34px;letter-spacing:-.055em}
.preview-message{margin:15px 0 0}
.submit{margin-top:30px}
@media(max-width:950px){.header .brand-lockup{margin-left:auto;margin-right:auto}.header{padding:30px 0 15px}.intro{align-self:auto;padding:0}.intro .stacked-headline{margin:0}.intro .eyebrow{margin-bottom:22px}.intro h1::after{margin:20px auto 20px}}
@media(max-width:560px){.card-body{padding-top:32px;padding-bottom:28px}.card-body h2{font-size:28px;margin-bottom:27px}.eyebrow{font-size:11px}.brand-lockup{width:230px}.brand-slogan{font-size:12px;margin-top:-2px}.header{width:calc(100% - 40px);padding:24px 0 10px}.footer{width:calc(100% - 40px)}.intro .stacked-headline{font-size:clamp(50px,12vw,66px)}}