.mail-login-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,6vw,90px);padding-block:40px 55px}.mail-login-copy{min-width:0}.mail-login-copy .eyebrow{font-size:11px;letter-spacing:.1em;color:var(--muted);margin-bottom:24px}.mail-login-copy h1{font-size:clamp(42px,6vw,80px);line-height:1.04;letter-spacing:-.06em;margin:0 0 26px;font-weight:550}.mail-login-copy .lead{font-size:18px;line-height:1.8;max-width:40ch}.mail-address-example{display:flex;flex-direction:column;gap:7px;margin:26px 0 24px;border-left:3px solid var(--red);padding:4px 0 4px 18px}.mail-address-example>span{font-size:12px;color:var(--muted)}.mail-address-example strong{font-size:20px;color:var(--ink);font-weight:650;letter-spacing:-.02em}.mail-login-copy .text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.mail-login-card{background:#fff;border:1px solid #d4dbea;border-top:4px solid var(--navy);border-radius:7px;min-width:0;overflow:hidden;box-shadow:12px 16px 0 #243b8809;color:#192344}.mail-login-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e1e5ee}.mail-login-card-head img{width:130px;height:auto;display:block}.mail-login-card-head>span{font-size:12px;color:#5b6174}.mail-login-card iframe{display:block;width:100%;height:310px;border:0;background:#fff}.mail-login-note{font-size:12px;line-height:1.8;color:#5b6174;padding:0 24px 22px;margin:0}.mail-login-note a{color:#243b88;text-decoration:underline;text-underline-offset:3px}.provider-access-section{border-top:1px solid var(--line)}.provider-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.provider-access-card{display:grid;grid-template-columns:110px minmax(0,1fr) 18px;gap:18px;align-items:center;padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:6px;min-height:112px;min-width:0;transition:transform .25s,border-color .25s}.provider-access-card:hover{transform:translateY(-3px);border-color:#9caedb}.provider-access-logo{min-width:0;background:#fff;border:1px solid #ebedf2;border-radius:4px;height:54px;display:flex;align-items:center;justify-content:center;padding:11px}.provider-access-logo img{display:block;width:auto;height:29px;max-width:100%;object-fit:contain;filter:none!important}.provider-access-card>span:nth-child(2){font-size:16px;line-height:1.5;font-weight:650;min-width:0}.provider-access-card small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:7px}.provider-access-card b{font-size:19px;color:var(--red);font-weight:400}.provider-access-card[data-provider=google]{border-top:3px solid #4285f4}.provider-access-card[data-provider=microsoft]{border-top:3px solid #0078d4}.provider-access-card[data-provider=yandex]{border-top:3px solid #e53230}.provider-access-card[data-provider=zoho]{border-top:3px solid #d83338}.large-text .mail-login-copy .lead{font-size:20px}
@media(max-width:1050px){.mail-login-hero{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mail-login-copy h1{font-size:58px}.provider-access-card{grid-template-columns:80px minmax(0,1fr) 16px;padding:20px;gap:15px}.provider-access-card>span:nth-child(2){font-size:14px}.provider-access-logo{padding:10px}}
@media(max-width:800px){.mail-login-hero{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:28px}.mail-login-copy h1{font-size:48px;margin-bottom:20px}.mail-login-copy h1 br{display:none}.mail-login-copy h1 br:after{content:' '}.mail-login-copy .lead{max-width:60ch;font-size:16px}.mail-address-example{margin-block:18px}.mail-login-card{width:100%;max-width:560px;justify-self:center}.provider-access-grid{grid-template-columns:minmax(0,1fr)}.provider-access-card{grid-template-columns:100px minmax(0,1fr) 18px}.provider-access-card>span:nth-child(2){font-size:16px}}
@media(max-width:460px){.mail-login-hero{padding-block:24px 35px}.mail-login-copy .eyebrow{font-size:10px;margin-bottom:20px}.mail-login-copy h1{font-size:42px;line-height:1.1}.mail-address-example strong{font-size:19px}.mail-login-card-head{padding:18px}.mail-login-card-head img{width:112px}.mail-login-card-head>span{font-size:11px}.mail-login-card iframe{height:310px}.mail-login-note{padding:0 18px 20px;font-size:11px}.provider-access-card{grid-template-columns:75px minmax(0,1fr) 16px;padding:18px;gap:14px}.provider-access-card>span:nth-child(2){font-size:14px}.provider-access-card small{font-size:11px}.provider-access-logo{height:50px;padding:9px}.provider-access-logo img{height:25px}.mail-login-copy .text-link{font-size:13px}}