@use '../common/auth-card';// the about and contact pages: a wide white card of text on the blue account-page background .info-page{@include auth-card.page;.info-card { @include auth-card.card(720px); padding: 44px 48px 40px; font-size: 16px; line-height: 1.65; color: #3c4a5e; @media (max-width: 576px) { padding: 30px 22px 26px; } } .info-eyebrow { display: inline-block; margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #4169e1; } h1 { margin: 0 0 10px; font-size: 34px; font-weight: 800; letter-spacing: -0.01em; color: #081828; @media (max-width: 576px) { font-size: 28px; } } .info-lead { margin-bottom: 8px; font-size: 18px; color: #6b778c; } h2 { margin: 30px 0 8px; font-size: 20px; font-weight: 800; color: #081828; } p, ul { margin-bottom: 12px; } ul { padding-left: 20px; li { margin-bottom: 6px; list-style: disc; } } a:not(.btn) { font-weight: 600; color: #4169e1; &:hover { color: #2f4fc4; text-decoration: underline; } } .info-email { font-size: 18px; } .info-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 30px; padding-top: 24px; border-top: 1px solid #eef1f8; .btn-submit { display: inline-flex; align-items: center; width: auto; color: #fff; } }}