/* Unified Bluebound-style brand login, per-domain identity. Login only. */
html body.task-login, body.task-login #layout {
    margin:0!important; min-height:100vh!important; min-height:100dvh!important;
    height:auto!important; width:100%!important; overflow-x:hidden!important;
    background:#f3f6fb!important;
}
body.task-login #layout-content.selected.no-navbar {
    display:block!important;position:relative!important;float:none!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    min-height:100vh!important;min-height:100dvh!important;height:auto!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:#f3f6fb!important;overflow:visible!important;box-shadow:none!important;
}
body.task-login #layout-content.selected.no-navbar .mail-split {
    --mail-accent:#ff6b57;--mail-bright:#e08376;
    --mail-deep:#a24437;--mail-panel-1:#291512;--mail-panel-2:#4a2823;
    display:grid!important;grid-template-columns:minmax(0,46fr) minmax(0,54fr);
    min-height:100vh;min-height:100dvh; width:100%;max-width:none;
    margin:0;background:#f4f7fb;color:#122448;
    font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.mail-split * {box-sizing:border-box;}
.mail-split .mail-hero {
    position:relative;min-height:100vh;min-height:100dvh;
    display:flex;flex-direction:column;justify-content:space-between;
    overflow:hidden;isolation:isolate;
    padding:clamp(32px,4vw,72px) clamp(28px,4vw,76px);
    color:#fff;background:linear-gradient(133deg,var(--mail-panel-1) 0%,var(--mail-panel-2) 100%);
}
.mail-split .mail-hero::before {
    content:"";pointer-events:none;position:absolute;z-index:-1;
    width:700px;height:700px;right:-340px;bottom:-420px;border-radius:50%;
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);
}
.mail-split .mail-hero::after {
    content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;
    background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.11),transparent 34%);
}
.mail-split .mail-hero-top {display:flex;align-items:center;gap:16px;min-width:0;}
.mail-split .mail-logo-frame {
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    width:186px;max-width:45vw;min-height:78px;padding:14px 20px;
    background:#fff;border:1px solid rgba(255,255,255,.32);
    border-radius:18px;box-shadow:0 8px 22px rgba(3,12,30,.12);
}
.mail-split .mail-logo-frame img {
    display:block;object-fit:contain;max-height:60px;max-width:100%;
    width:auto;height:auto;filter:none!important;border:0;border-radius:0;
}
.mail-split .mail-hero-site {
    font-size:clamp(14px,1.6vw,19px);font-weight:700;line-height:1.25;
    overflow-wrap:anywhere;letter-spacing:-.015em;color:#fff;
}
.mail-split .mail-hero-domain {
    font-size:12px;margin-top:5px;letter-spacing:.02em;color:#d7e4f5;opacity:.9;
}
.mail-split .mail-hero-main {margin-top:70px;max-width:620px;}
.mail-split .mail-hero-label {
    display:flex;align-items:center;gap:11px;
    font-size:12px;font-weight:800;letter-spacing:.19em;color:#d9e5f7;text-transform:uppercase;
    margin-bottom:43px;
}
.mail-split .mail-hero-label:before {
    content:"";flex:0 0 auto;width:9px;height:9px;border-radius:50%;
    background:var(--mail-bright);box-shadow:0 0 0 5px rgba(255,255,255,.08);
}
.mail-split .mail-hero h2 {
    font-size:clamp(38px,4.25vw,67px);line-height:1.08;
    font-weight:850;letter-spacing:-.048em;color:#fff!important;
    margin:0 0 27px!important;overflow-wrap:normal;
}
.mail-split .mail-hero h2 span{color:var(--mail-bright);display:block;}
.mail-split .mail-hero-desc {
    color:#dce5f4;font-size:clamp(15px,1.24vw,19px);line-height:1.75;
    max-width:540px;margin:0!important;
}
.mail-split .mail-hero-features {
    display:grid;gap:16px;margin:42px 0 0;padding:0;
    list-style:none;color:#e7f1ff;font-size:14px;font-weight:600;line-height:1.4;
}
.mail-split .mail-hero-features li {display:flex;align-items:center;gap:13px;}
.mail-split .mail-hero-features li::before {
    content:"✓";display:grid;place-items:center;flex-shrink:0;
    width:29px;height:29px;border-radius:9px;
    border:1px solid rgba(206,232,255,.35);
    background:rgba(255,255,255,.08);color:var(--mail-bright);font-size:21px;font-weight:600;
}
.mail-split .mail-hero-bottom {font-size:12px;color:#bfd2ec;letter-spacing:.03em;margin-top:55px;}
.mail-split .mail-auth {
    display:flex;flex-direction:column;min-width:0;min-height:100vh;min-height:100dvh;
    padding:clamp(24px,3vw,44px) clamp(26px,6vw,110px) 26px;
    background:#f4f7fb!important;color:#15294d;overflow:visible;
}
.mail-split .mail-auth-top {display:flex;justify-content:flex-end;align-items:center;}
.mail-split .mail-secure {
    display:inline-flex;align-items:center;gap:9px;
    background:#fff;border:1px solid #dce5f1;border-radius:999px;
    padding:10px 15px;font-size:12px;font-weight:700;color:#526783;
    box-shadow:0 3px 14px rgba(18,39,75,.025);
}
.mail-split .mail-secure::before {
    content:"";width:8px;height:8px;border-radius:50%;background:#32bd94;
    box-shadow:0 0 0 4px #dff8ef;
}
.mail-split .mail-auth-main {
    display:block; width:100%;max-width:530px;margin:auto;min-width:0;
    padding:45px 0 24px;
}
.mail-split .mail-welcome-tag {
    display:inline-block;padding:9px 14px;border-radius:8px;
    background:#e9efff;border:1px solid #dbe5f8;
    font-size:12px;letter-spacing:.14em;font-weight:850;color:var(--mail-deep);
    margin-bottom:25px;
}
.mail-split .mail-auth h2 {
    margin:0 0 17px!important;font-size:clamp(30px,3vw,45px);
    font-weight:850;line-height:1.17;letter-spacing:-.04em;color:#102750!important;
}
.mail-split .mail-auth-explain {
    margin:0 0 32px!important;line-height:1.7;color:#5e718e;
    font-size:clamp(15px,1.15vw,17px);
}
body.task-login .mail-split .mail-auth #logo,
body.task-login .mail-split .mail-auth .sanum-login-brand,
body.task-login .mail-split .mail-auth .sanum-login-intro,
body.task-login .mail-split .mail-auth .hostey-login-intro,
body.task-login .mail-split .mail-auth .wu-login-intro {display:none!important;}
body.task-login .mail-split .mail-auth #login-form {
    display:block!important;max-width:none!important;width:100%!important;
    margin:0!important;padding:0!important;background:transparent!important;
    border:0!important;border-radius:0!important;
    box-shadow:none!important;transform:none!important;
}
.mail-split .mail-auth #login-form table{width:100%!important;border-spacing:0!important;border-collapse:collapse!important;display:block!important;}
.mail-split .mail-auth #login-form tbody{display:block!important;width:100%!important;}
.mail-split .mail-auth #login-form tr{display:block!important;width:100%!important;margin:0 0 18px!important;}
.mail-split .mail-auth #login-form td{display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important;border:0!important;}
.mail-split .mail-auth #login-form td.title {font-size:13px!important;font-weight:650!important;color:#43536e!important;margin-bottom:7px!important;}
.mail-split .mail-auth #login-form td.title label {color:#43536e!important;font-weight:650!important;}
.mail-split .mail-auth #login-form input.form-control,
.mail-split .mail-auth #login-form input[type="text"],
.mail-split .mail-auth #login-form input[type="email"],
.mail-split .mail-auth #login-form input[type="password"] {
    box-sizing:border-box!important;display:block!important;min-width:0!important;
    width:100%!important;height:58px!important;min-height:58px!important;
    padding:0 16px!important;background:#fff!important;
    border:1px solid #d6e1ee!important;border-radius:12px!important;
    color:#1b3154!important;font-size:16px!important;outline:none!important;
    box-shadow:0 5px 18px rgba(14,35,69,.025)!important;
}
.mail-split .mail-auth #login-form input:focus {
    border-color:var(--mail-deep)!important;
    box-shadow:0 0 0 3px rgba(72,127,213,.13)!important;
}
.mail-split .mail-auth #login-form .input-group{display:flex!important;width:100%!important;}
.mail-split .mail-auth #login-form .input-group-prepend,
.mail-split .mail-auth #login-form .input-group-text{display:none!important;}
.mail-split .mail-auth #login-form .formbuttons {margin:24px 0 0!important;display:block!important;}
.mail-split .mail-auth #login-form #rcmloginsubmit,
.mail-split .mail-auth #login-form .mainaction,
.mail-split .mail-auth #login-form button[type="submit"],
.mail-split .mail-auth #login-form input[type="submit"] {
    display:block!important;width:100%!important;min-height:58px!important;height:58px!important;
    border:0!important;border-radius:12px!important;
    padding:12px 18px!important;background:var(--mail-deep)!important;color:#fff!important;
    font-size:15px!important;letter-spacing:.01em!important;font-weight:800!important;
    cursor:pointer!important;box-shadow:0 10px 23px rgba(26,61,111,.15)!important;
    transition:filter .15s,transform .15s!important;
}
.mail-split .mail-auth #login-form #rcmloginsubmit:hover,
.mail-split .mail-auth #login-form .mainaction:hover {filter:brightness(1.1)!important;transform:translateY(-1px);}
.mail-split .mail-auth #login-form .hostey-remember-visible {
    display:flex!important;flex-wrap:wrap!important;gap:12px!important;
    align-items:center!important;margin:18px 0!important;color:#52637f!important;
}
.mail-split .mail-auth #login-form #hostey-remember-days{
    max-width:100%!important;background:#fff!important;border:1px solid #d6e1ee!important;
}
.mail-split .mail-auth #login-form .sanum-reset-link,
.mail-split .mail-auth #login-form .hostey-reset-link {text-align:center!important;margin:18px 0 0!important;}
.mail-split .mail-auth #login-form .sanum-reset-link a,
.mail-split .mail-auth #login-form .hostey-reset-link a {color:var(--mail-deep)!important;font-weight:650!important;}
.mail-split .mail-auth #login-footer {font-size:12px!important;opacity:.7!important;margin-top:16px!important;}
.mail-split .mail-auth-bottom {text-align:center;font-size:12px;color:#8a9ab3;margin-top:auto;padding:6px 0 2px;}
.mail-split .mail-pw-parent {position:relative!important;}
.mail-split .mail-pw-toggle {
    position:absolute!important;right:10px!important;top:50%!important;
    transform:translateY(-50%)!important;
    border:0!important;border-radius:8px!important;padding:9px 11px!important;
    background:#edf3fb!important;color:var(--mail-deep)!important;
    font-size:12px!important;font-weight:750!important;cursor:pointer!important;z-index:5!important;
}
.mail-split .mail-pw-parent input[type="password"],
.mail-split .mail-pw-parent input[type="text"] {padding-right:80px!important;}
@media(max-width:1100px){
 .mail-split .mail-hero {padding:32px 30px!important;}
 .mail-split .mail-auth {padding:28px 35px 24px!important;}
 .mail-split .mail-hero h2 {font-size:clamp(35px,4.3vw,50px)!important;}
}
@media(max-width:760px){
 body.task-login #layout-content.selected.no-navbar .mail-split {display:block!important;min-height:100dvh!important;}
 .mail-split .mail-hero {
    min-height:130px!important;padding:21px 22px!important;display:flex!important;
    border-radius:0 0 22px 22px!important;
 }
 .mail-split .mail-hero-top {gap:12px!important;}
 .mail-split .mail-logo-frame {width:94px!important;min-height:62px!important;padding:8px 10px!important;border-radius:12px!important;}
 .mail-split .mail-logo-frame img {max-height:45px!important;}
 .mail-split .mail-hero-site {font-size:16px!important;}
 .mail-split .mail-hero-domain {font-size:11px!important;}
 .mail-split .mail-hero-main,.mail-split .mail-hero-bottom {display:none!important;}
 .mail-split .mail-auth {min-height:calc(100dvh - 130px)!important;padding:18px 20px 28px!important;}
 .mail-split .mail-secure {font-size:11px!important;padding:8px 11px!important;}
 .mail-split .mail-auth-main {padding:28px 0 20px!important;margin:0 auto!important;}
 .mail-split .mail-auth h2 {font-size:32px!important;}
 .mail-split .mail-auth-explain {margin-bottom:24px!important;}
 .mail-split .mail-welcome-tag {margin-bottom:18px!important;}
}
@media(max-width:390px){
 .mail-split .mail-auth{padding-inline:14px!important;}
 .mail-split .mail-auth h2{font-size:28px!important;}
 .mail-split .mail-hero-site{font-size:14px!important;}
}
@media(prefers-reduced-motion:reduce){
 .mail-split *{transition:none!important;animation:none!important;}
}


/* Hostey 20261112f: stable, scrollable, one-page login + e-mail routing */
html:has(body.task-login){height:auto!important;min-height:100%!important;overflow-y:auto!important;}
html body.task-login{height:auto!important;min-height:100dvh!important;overflow-y:auto!important;position:relative!important;}
body.task-login #layout{display:block!important;height:auto!important;min-height:100dvh!important;max-height:none!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;overflow:visible!important;}
body.task-login #layout-content.selected.no-navbar .mail-split{height:auto!important;align-items:stretch!important;}
body.task-login .mail-split .mail-hero-main{margin-top:clamp(26px,5vh,70px)!important;}
body.task-login .mail-split .mail-hero h2{font-size:clamp(35px,4vw,61px)!important;}
body.task-login .mail-split .mail-auth-main{padding:26px 0!important;}
body.task-login .mail-split .mail-auth #login-form.hostey-login-hidden{display:none!important;}
body.task-login.hostey-router-mode .mail-split .mail-auth-main>.mail-welcome-tag,
body.task-login.hostey-router-mode .mail-split .mail-auth-main>h2,
body.task-login.hostey-router-mode .mail-split .mail-auth-main>.mail-auth-explain{display:none!important;}
body.task-login.hostey-router-mode .mail-split .hostey-domain-router{display:grid!important;width:100%!important;max-width:530px!important;margin:0 auto!important;gap:15px!important;color:#15294d!important;}
body.task-login.hostey-router-mode .mail-split .hostey-domain-router h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.17!important;color:#102750!important;margin:0 0 6px!important;}
body.task-login.hostey-router-mode .mail-split .hostey-domain-router p{font-size:16px!important;line-height:1.65!important;color:#60708b!important;margin:0 0 8px!important;}
body.task-login.hostey-router-mode .mail-split .hostey-domain-router label{color:#43536e!important;font-size:13px!important;margin:0!important;font-weight:700!important;}
body.task-login.hostey-router-mode .mail-split .hostey-domain-router input{width:100%!important;height:58px!important;min-width:0!important;border:1px solid #d6e1ee!important;border-radius:12px!important;padding:0 17px!important;background:#fff!important;color:#1b3154!important;font-size:16px!important;box-shadow:none!important;}
body.task-login.hostey-router-mode .mail-split .hostey-domain-router button{width:100%!important;min-height:56px!important;margin:5px 0 0!important;border:0!important;border-radius:12px!important;background:#a24437!important;color:#fff!important;font-size:15px!important;font-weight:800!important;box-shadow:none!important;}
body.task-login.hostey-router-mode .mail-split .hostey-domain-router small{font-size:13px!important;line-height:1.6!important;color:#70819a!important;}
body.task-login.hostey-router-mode .mail-split .hostey-staff-login{font-size:13px!important;color:#a24437!important;font-weight:700!important;}
@media(max-width:760px){
 body.task-login .mail-split .mail-hero{min-height:130px!important;height:auto!important;}
 body.task-login .mail-split .mail-hero h2{font-size:32px!important;}
 body.task-login .mail-split .mail-auth-main{padding:26px 0!important;}
 body.task-login.hostey-router-mode .mail-split .hostey-domain-router h2{font-size:29px!important;}
}