/* Relisend Mail public sign-in: isolated from the authenticated inbox UI. */
.mail-login-page{display:flex;min-height:100vh;flex-direction:column;background:#f7f8fc;color:#10101a}
.mail-login-header{display:flex;min-height:96px;align-items:center;justify-content:space-between;padding:0 clamp(32px,5.4vw,90px);border-bottom:1px solid #eceef5;background:rgba(255,255,255,.94)}
.mail-login-brand{display:flex;align-items:center;gap:13px;color:#080914}.mail-login-brand img{display:block;width:215px;height:64px;object-fit:contain;object-position:left center}.mail-login-brand span{display:grid;min-height:31px;place-items:center;padding:0 13px;border:1px solid #dfdcff;border-radius:999px;background:#f2f0ff;color:#5433eb;font-size:15px;font-weight:800;letter-spacing:-.02em}
.mail-login-header nav{display:flex;align-items:center;gap:24px}.mail-login-header nav>a{color:#5e6490;font-size:16px}.mail-login-header .mail-login-workspace{padding:15px 28px;border:1px solid #e1e5f0;border-radius:999px;background:#fff;color:#4728ff;font-weight:700;box-shadow:0 5px 18px rgba(57,45,127,.04)}
.mail-login-main{display:grid;flex:1;width:min(1490px,calc(100% - 80px));grid-template-columns:minmax(0,1fr) 672px;gap:clamp(100px,9vw,166px);align-items:start;margin:0 auto;padding:40px 0 30px}
.mail-login-copy{position:relative;isolation:isolate;max-width:610px;padding-top:42px}.mail-login-eyebrow{margin:0 0 13px;color:#4b2cff;font-size:16px;font-weight:800;letter-spacing:.18em}.mail-login-copy h1{position:relative;z-index:1;margin:0;color:#000;font-size:clamp(58px,5vw,84px);font-weight:800;line-height:1.02;letter-spacing:-.07em}.mail-login-copy>p:not(.mail-login-eyebrow){position:relative;z-index:1;max-width:560px;margin:24px 0 0;color:#60688f;font-size:27px;line-height:1.35;letter-spacing:-.04em}
.mail-login-points{position:relative;z-index:1;display:grid;gap:23px;margin-top:50px}.mail-login-points span{position:relative;padding-left:66px;color:#5e6794;font-size:20px;letter-spacing:-.04em}.mail-login-points span::before{content:"✓";position:absolute;top:50%;left:0;display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:#eeebff;color:#4f2dff;font-size:25px;transform:translateY(-50%)}
.mail-login-artwork{position:absolute;z-index:0;top:130px;left:116px;width:1040px;max-width:none;filter:drop-shadow(0 24px 38px rgba(82,62,205,.12));pointer-events:none}
.mail-login-card{position:relative;z-index:1;display:grid;width:100%;gap:26px;padding:64px;border-radius:36px;background:rgba(255,255,255,.97);box-shadow:0 24px 74px rgba(44,47,86,.13)}.mail-login-card-heading{display:grid;gap:7px}.mail-login-card-heading .mail-login-eyebrow{margin:0 0 5px;font-size:13px}.mail-login-card h2{margin:0;color:#000;font-size:56px;font-weight:800;letter-spacing:-.07em}.mail-login-card-heading>p:last-child{margin:0;color:#69719f;font-size:24px;line-height:1.35}.mail-login-card form{display:grid;gap:22px}.mail-login-card label{display:grid;gap:12px;color:#10101a;font-size:19px;font-weight:700}.mail-login-card input{height:65px;padding:0 22px;border:1px solid #d9ddea;border-radius:20px;background:#fff;color:#10101a;font-size:19px;outline:none}.mail-login-card input::placeholder{color:#939bc0}.mail-login-card input:focus{border-color:#5433eb;box-shadow:0 0 0 4px rgba(84,51,235,.12)}.mail-recovery-link{margin-top:-8px;color:#4b2cff;font-size:18px;font-weight:700;text-align:right}.mail-login-card .primary{min-height:66px;border-radius:999px;background:linear-gradient(100deg,#4a2afa,#643cff);font-size:22px;box-shadow:0 13px 23px rgba(77,43,247,.24)}.mail-login-card .primary:hover{background:linear-gradient(100deg,#4223ed,#5a31f7)}.mail-login-security{margin:-5px 0 0;color:#636b92;font-size:16px;line-height:1.45;text-align:center}.mail-login-security::before{content:"⌑";margin-right:8px;color:#5966a2;font-weight:800}.mail-login-help{margin:3px 0 0;padding-top:26px;border-top:1px solid #e4e6ef;color:#646c91;font-size:18px;text-align:center}.mail-login-help a{color:#4b2cff;font-weight:700}
.mail-login-footer{display:flex;min-height:88px;align-items:center;justify-content:space-between;padding:0 clamp(32px,5.4vw,90px);background:#fff;color:#6c74a3;font-size:15px}.mail-login-footer nav{display:flex;gap:24px;align-items:center}.mail-login-footer nav a{color:#68709c}.mail-login-footer nav a+a{padding-left:24px;border-left:1px solid #dfe2ee}
@media (min-width:2200px){.mail-login-main{width:min(2300px,calc(100% - 160px));grid-template-columns:minmax(0,1fr) 760px;gap:200px}.mail-login-artwork{width:clamp(1180px,44vw,1500px);top:84px;left:75px}.mail-login-copy::before{content:"";position:absolute;z-index:0;top:70px;left:60px;width:1510px;height:660px;border-radius:46% 54% 42% 58% / 52% 45% 55% 48%;background:radial-gradient(circle at 44% 48%,rgba(157,138,255,.18),rgba(238,237,255,.56) 35%,rgba(247,248,252,0) 70%);pointer-events:none}}
@media (min-width:1151px) and (max-width:1499px){.mail-login-main{grid-template-columns:minmax(0,1fr) 500px;gap:80px}.mail-login-card{padding:48px}.mail-login-card h2{font-size:44px}.mail-login-artwork{display:none}}
@media (max-width:1150px){.mail-login-main{width:min(100% - 48px,820px);grid-template-columns:1fr;gap:40px;padding:40px 0}.mail-login-copy{max-width:690px}.mail-login-artwork{display:none}.mail-login-card{max-width:680px;margin:0 auto}}
@media (max-width:650px){.mail-login-header{min-height:72px;padding:0 22px}.mail-login-brand{gap:7px}.mail-login-brand img{width:132px;height:42px}.mail-login-brand span{min-height:26px;padding:0 9px;font-size:12px}.mail-login-header nav{gap:14px}.mail-login-header nav>a{font-size:13px}.mail-login-header .mail-login-workspace{padding:10px 14px;font-size:13px}.mail-login-main{width:calc(100% - 32px);padding:24px 0}.mail-login-copy{padding-top:8px}.mail-login-copy h1{font-size:46px}.mail-login-copy>p:not(.mail-login-eyebrow){font-size:18px}.mail-login-eyebrow{font-size:12px}.mail-login-points{gap:13px;margin-top:28px}.mail-login-points span{padding-left:38px;font-size:15px}.mail-login-points span::before{width:27px;height:27px;font-size:15px}.mail-login-card{padding:32px 24px;border-radius:26px}.mail-login-card h2{font-size:40px}.mail-login-card-heading>p:last-child{font-size:18px}.mail-login-card label{font-size:15px}.mail-login-card input{height:56px;border-radius:16px;font-size:16px}.mail-recovery-link{font-size:14px}.mail-login-card .primary{min-height:56px;font-size:18px}.mail-login-security{font-size:13px}.mail-login-help{font-size:15px}.mail-login-footer{min-height:0;flex-direction:column;gap:16px;padding:25px 22px;text-align:center}.mail-login-footer nav{gap:14px}.mail-login-footer nav,.mail-login-footer span{font-size:12px}.mail-login-footer nav a+a{padding-left:14px}}