body.task-login{background:#f4f9f8;color:#10243e}.task-login #layout{display:block!important;overflow:auto!important;height:100%;background:#f7fbfa}.task-login #layout-content.magnav-mail{display:block;position:relative;width:100%;height:auto;min-height:100%;overflow:visible;background:#f7fbfa;padding:0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#10243e}.magnav-mail *{box-sizing:border-box}.magnav-mail a{color:#167f7c}.mag-bar{height:86px;padding:0 max(28px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;background:#ffffffeb;border-bottom:1px solid #dfecea}.mag-bar>a{display:flex;gap:14px;align-items:center;color:#10243e;text-decoration:none}.mag-bar img{width:45px;height:45px}.mag-bar strong{font-size:24px;letter-spacing:2px}.mag-bar span{border-left:1px solid #ceddd9;padding-left:16px;font-size:16px}.mag-bar nav{display:flex;gap:30px}.mag-bar nav a{font-size:14px;color:#40556b}.mag-hero{background:linear-gradient(90deg,#f5faf9eb 0%,#f6faf970 65%,#edf7f670),url('/mail-assets/hero.webp') center/cover;min-height:545px;display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding:56px max(36px,calc((100vw - 1240px)/2))}.mag-intro h1{font-size:clamp(32px,3.5vw,50px);line-height:1.35;letter-spacing:2px;font-weight:750;margin:20px 0}.mag-intro h1 span{color:#167f7c}.mag-intro>p:not(.mag-eyebrow){color:#607588;line-height:1.9;font-size:17px}.mag-eyebrow{font-size:12px;color:#6e8e92;letter-spacing:3px;margin:0 0 10px}.mag-guide-link{display:inline-block;margin-top:20px;font-size:14px}.mag-login{background:#ffffffee;padding:30px 34px;border:1px solid #e2eeeb;border-radius:18px;box-shadow:0 14px 50px #183d4b12;max-width:450px;justify-self:end;width:100%}.mag-icon{width:40px;height:40px;background:#e4f3ef;color:#167f7c;border-radius:12px;text-align:center;line-height:40px;font-size:24px;margin-bottom:16px}.mag-login h2{font-size:24px;font-weight:650;margin:0 0 8px}.mag-login>p{color:#718296;font-size:13px}.mag-login small{font-size:12px;color:#738396;line-height:1.7;display:block}.task-login #login-form{width:100%;margin:22px 0 10px;max-width:none}.task-login #login-form input.form-control{height:46px;background:#f7faf9;color:#10243e;border:1px solid #d3e2df;border-radius:8px;font-size:15px}.task-login #login-form .input-group-text{background:#edf5f2;color:#4c8076;border-color:#d3e2df}.task-login #login-form button{background:#167f7c;border-color:#167f7c;border-radius:8px;height:46px}.task-login #login-form button:hover{background:#116a67}.task-login #login-footer{margin:8px 0 0;color:#62768a}.mag-section{max-width:1300px;padding:46px 30px 0;margin:auto;scroll-margin-top:20px}.mag-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.mag-heading h2{font-size:27px;font-weight:650;margin:0}.mag-heading>span{font-size:12px;color:#788b99}.mag-clients{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mag-clients article{padding:26px 22px;background:#fff;border:1px solid #e0eeea;border-radius:14px}.mag-platform{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#e9f5f1;color:#177c76;font-size:23px}.mag-clients h3{font-size:19px;margin:16px 0 10px}.mag-clients p{color:#718296;line-height:1.8;font-size:13px;min-height:48px}.mag-download{display:block;border:1px solid #badcd4;border-radius:7px;background:#edf7f4;padding:11px 9px;text-align:center;font-size:13px;font-weight:600;text-decoration:none!important}.mag-download:hover{background:#ddefe8}.mag-clients small{display:block;color:#8796a3;font-size:11px;margin-top:12px}.mag-footnote{margin-top:17px;font-size:12px;color:#7b8b99}.mag-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:32px 0}.mag-steps b{font-size:29px;color:#94cfc1;font-weight:500}.mag-steps h3{font-size:17px;margin:12px 0}.mag-steps p{color:#6e8092;font-size:14px;line-height:1.9}.mag-table-wrap{border:1px solid #dce9e5;border-radius:12px;overflow:auto;background:white}.mag-table-wrap table{width:100%;border-collapse:collapse;font-size:14px}.mag-table-wrap caption{caption-side:top;text-align:left;padding:17px 22px;color:#10243e;background:#e9f4f0;font-weight:600}.mag-table-wrap th,.mag-table-wrap td{padding:13px 22px;border-bottom:1px solid #e7efec}.mag-table-wrap th{font-weight:500}.mag-table-wrap thead{background:#f4f9f7;color:#36685e}.mag-faq{margin:26px 0}.mag-faq details{border-bottom:1px solid #dce9e5;padding:15px 0;font-size:14px}.mag-faq summary{cursor:pointer;font-weight:600}.mag-faq p{color:#687f90;line-height:1.9;margin-top:12px}.mag-fingerprint{word-break:break-all;font-size:11px}.mag-footer{max-width:1240px;margin:40px auto 0;padding:24px 0 30px;display:flex;justify-content:space-between;border-top:1px solid #dce9e5;color:#7a8c99;font-size:12px}.task-login #layout-footer{display:none}.dark-mode .magnav-mail,.dark-mode .mag-login{color:#10243e!important}.dark-mode .task-login #login-form input{color:#10243e!important}@media(max-width:900px){.mag-hero{gap:30px;padding:36px 26px;grid-template-columns:1fr 1fr}.mag-clients{grid-template-columns:repeat(2,1fr)}.mag-login{padding:24px}.mag-bar{padding:0 24px}.mag-bar strong{font-size:20px}.mag-heading>span{display:none}}@media(max-width:600px){.mag-bar{height:70px;padding:0 16px}.mag-bar nav{gap:14px}.mag-bar nav a{font-size:12px}.mag-bar span{display:none}.mag-bar img{width:33px;height:33px}.mag-bar strong{font-size:18px;letter-spacing:0}.mag-hero{grid-template-columns:1fr;padding:32px 20px;gap:24px}.mag-login{justify-self:stretch;max-width:none}.mag-intro h1{font-size:31px}.mag-intro>p:not(.mag-eyebrow){font-size:14px}.mag-section{padding:32px 20px 0}.mag-heading h2{font-size:23px}.mag-clients{gap:10px}.mag-clients article{padding:18px 12px}.mag-clients h3{font-size:17px}.mag-clients p{font-size:12px}.mag-steps{grid-template-columns:1fr;gap:10px}.mag-table-wrap th,.mag-table-wrap td{padding:12px;font-size:12px}.mag-footer{margin:28px 20px 0}.mag-guide-link{margin-top:8px}}
/* Override the stock centered login form without changing mailbox screens. */
.task-login #layout-content.magnav-mail{text-align:left}.task-login #login-form{top:0;position:relative}.task-login #login-form .formbuttons{margin-bottom:0}.task-login #login-footer:empty{display:none}

/* Domain selector matches the VPN login control. */
.task-login #login-form .magnav-mail-account{flex-wrap:nowrap}.task-login #login-form #rcmloginuser{flex:1;width:0;min-width:70px;border-radius:0;border-right:0}.task-login #login-form #magnav-mail-domain{height:46px;width:164px;flex:none;border:1px solid #d3e2df;border-radius:0 8px 8px 0;background:#f7faf9;color:#10243e;padding:0 22px 0 10px;font-size:13px;outline:none}.task-login #login-form #magnav-mail-domain:focus{border-color:#167f7c;box-shadow:0 0 0 3px #167f7c15}@media(max-width:400px){.task-login #login-form #magnav-mail-domain{width:145px;font-size:12px}}
/* Mobile mail onboarding: same mint palette as the login hero. */
.mag-mobile-quick{display:flex;align-items:center;gap:8px;margin-top:18px;padding:11px 12px;border-radius:8px;background:#eaf5f1;font-size:12px;font-weight:600;text-decoration:none!important}.mag-mobile-quick img{width:19px;height:19px}.mag-mobile-quick span{margin-left:auto}.mag-mobile-guide{padding-top:34px}.mag-mobile-banner{padding:26px 28px;background:linear-gradient(115deg,#e3f2ed,#f2f8f6 75%);border:1px solid #cfe4dc;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.mag-mobile-lead{display:flex;align-items:center;gap:18px}.mag-mobile-symbol{display:flex;align-items:center;justify-content:center;width:60px;height:66px;flex-shrink:0;border-radius:16px;background:#fff9;border:1px solid #d2e5de}.mag-mobile-symbol img{width:32px;height:32px}.mag-mobile-lead h2{margin:0;font-size:27px;line-height:1.4;font-weight:650}.mag-mobile-lead p:not(.mag-eyebrow){margin:9px 0 0;color:#58766f;font-size:14px;line-height:1.8}.mag-mobile-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:280px}.mag-mobile-badges span{padding:6px 10px;border:1px solid #c7ded4;border-radius:30px;color:#397c68;background:#ffffffa6;font-size:11px;white-space:nowrap}.mag-mobile-downloads{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #dce9e3;border-top:0;padding:22px 28px;background:#fff;border-radius:0 0 14px 14px}.mag-mobile-downloads strong{font-size:16px}.mag-mobile-downloads p{margin:7px 0 0;font-size:12px;color:#6b8190}.mag-store-links{display:flex;gap:12px}.mag-store{display:flex;align-items:center;gap:11px;min-width:190px;padding:10px 16px;border:1px solid #cfe1da;border-radius:10px;background:#f5faf7;text-decoration:none!important;color:#163e34!important;transition:background .15s}.mag-store:hover{background:#e5f3ed}.mag-store img{width:29px;height:29px}.mag-store small{display:block;color:#6b847b;font-size:10px;line-height:1.6}.mag-store b{font-size:13px;line-height:1.8}.mag-mobile-tutorial{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.mag-mobile-step{min-width:0;background:#fff;border:1px solid #dce9e4;border-radius:14px;padding:23px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.mag-step-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:29px;border-radius:7px;background:#e2f2ec;color:#167f7c;font-size:14px;font-weight:650}.mag-step-text h3{font-size:17px;line-height:1.6;margin:12px 0 9px}.mag-step-text p{font-size:12px;line-height:1.9;color:#637b88;margin-bottom:12px}.mag-step-text strong{color:#244f49;font-weight:600}.mag-step-text .mag-step-tip{font-size:11px;color:#7c909a}.mag-mail-example{border:1px solid #d7e8e0;background:#f2f8f5;border-radius:8px;padding:10px;margin:12px 0;overflow-wrap:anywhere}.mag-mail-example small{display:block;font-size:10px;color:#688879;line-height:1.8}.mag-mail-example code{display:block;font-family:inherit;font-size:12px;color:#167f7c;line-height:1.9;background:none;padding:0}.mag-guide-image{display:block;min-width:0;border:1px solid #e1ebe7;border-radius:12px;overflow:hidden;background:#fff;text-decoration:none!important;box-shadow:0 5px 20px #183d4b08}.mag-guide-image>img{display:block;width:100%;height:auto;aspect-ratio:658/600;object-fit:contain}.mag-guide-image>span{display:block;text-align:center;background:#f5f9f7;padding:8px 5px;font-size:10px;color:#69877d}.mag-mobile-success{display:flex;align-items:center;gap:14px;background:#ebf5f0;border:1px solid #d1e7dc;border-radius:12px;padding:19px 23px;margin-top:18px}.mag-mobile-success>img{width:28px;height:28px;flex-shrink:0}.mag-mobile-success strong{font-size:15px;color:#23594a}.mag-mobile-success p{font-size:12px;line-height:1.8;color:#658076;margin:5px 0 0}.mag-mobile-success>span{margin-left:auto;flex-shrink:0;font-size:11px;color:#527d6c}.mag-mobile-trouble{margin-top:18px;padding:16px 20px;background:#fff;border:1px solid #dce8e3;border-radius:10px;font-size:12px}.mag-mobile-trouble summary{cursor:pointer;font-weight:600;color:#41695d}.mag-mobile-trouble p{line-height:1.9;color:#687f88;margin:12px 0}.mag-mobile-server{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mag-mobile-server span{padding:9px 12px;background:#f3f8f5;border-radius:6px;color:#73877f;font-size:11px}.mag-mobile-server b{margin-left:8px;color:#376457;font-weight:500}.mag-mobile-caption{font-size:10px;line-height:1.8;color:#82958d;margin:14px 0 0}@media(max-width:1100px){.mag-mobile-step{grid-template-columns:1fr}.mag-guide-image{max-width:320px;justify-self:center}.mag-mobile-badges{max-width:150px}.mag-mobile-success>span{display:none}}@media(max-width:700px){.mag-mobile-banner{padding:20px;display:block}.mag-mobile-lead{gap:12px}.mag-mobile-symbol{width:44px;height:52px;border-radius:12px}.mag-mobile-symbol img{width:25px}.mag-mobile-lead h2{font-size:23px}.mag-mobile-lead p:not(.mag-eyebrow){font-size:12px}.mag-mobile-badges{max-width:none;justify-content:flex-start;margin-top:15px}.mag-mobile-downloads{padding:18px;display:block}.mag-store-links{margin-top:16px;gap:9px}.mag-store{min-width:0;flex:1;padding:10px;gap:7px}.mag-store img{width:23px;height:23px}.mag-store b{font-size:11px}.mag-mobile-tutorial{grid-template-columns:1fr;gap:14px}.mag-mobile-step{padding:18px;grid-template-columns:1fr 1fr;gap:13px}.mag-step-text h3{font-size:16px}.mag-step-text p{font-size:12px}.mag-mobile-success{padding:17px}.mag-mobile-server{grid-template-columns:1fr}.mag-bar nav{gap:10px}.mag-bar nav a{font-size:11px}.mag-bar strong{font-size:16px}.mag-bar>a{gap:8px}}@media(max-width:400px){.mag-mobile-step{grid-template-columns:1fr}.mag-guide-image{max-width:270px}.mag-bar nav a[href="#setup"]{display:none}}