.mail-page main{background:#f7f8fa;min-height:calc(100vh - 85px);padding:70px 5% 80px}
.mail-layout{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:80px;align-items:center}
.mail-intro h1{font-size:clamp(2.5rem,4.5vw,4rem);margin-bottom:24px;line-height:1.2}
.mail-intro>.lead{font-size:18px;line-height:1.8;max-width:590px}
.mail-company{margin:38px 0 0;display:grid;gap:10px}
.mail-company strong{font-size:clamp(20px,2vw,28px);line-height:1.5;font-weight:600}
.mail-company span{font-size:16px;line-height:1.7;color:#737983}
.mail-login-card{background:white;border:1px solid #e5e5e5;padding:46px 38px;box-shadow:0 20px 50px #1a365207}
.mail-card-logo{display:block;width:min(100%,270px);height:78px;object-fit:contain;object-position:left center;margin-bottom:28px}
.mail-login-card h2{font-size:28px;margin-bottom:18px}
.mail-login-card>p{font-size:17px;line-height:1.8}
.mail-domains{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px}
.mail-domains li{font-size:16px;border:1px solid #e5e5e5;background:#fafbfc;padding:7px 12px;color:#444;overflow-wrap:anywhere}
.mail-login-card .mail-login-button{width:100%;justify-content:center;gap:15px;margin:4px 0 20px;font-size:17px;min-height:54px}
.mail-login-card .mail-note{font-size:15px;color:#78818c}
.mail-account-help{border-top:1px solid #e5e5e5;margin-top:27px;padding-top:24px;font-size:15px;color:#737983}
.mail-return{display:inline-block;margin-top:25px;font-size:16px;color:#0a59f7}
@media(max-width:1050px){.mail-layout{gap:35px;grid-template-columns:1fr 1fr}.mail-login-card{padding:32px 27px}}
@media(max-width:750px){.mail-page main{padding:40px 6% 55px}.mail-layout{grid-template-columns:1fr;gap:30px}.mail-company{display:none}.mail-intro h1{font-size:36px}.mail-intro>.lead{font-size:17px}.mail-login-card{padding:28px 24px}.mail-login-card h2{font-size:25px}.mail-domains{gap:8px}.mail-domains li{font-size:15px}}