*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#f4f4f5;color:#1e2433;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;
 --brand:#4046c8;--brand-d:#33389f;--brand-t:#eef0ff;--link:#2563eb;--link-t:#e8efff;--ok:#16a34a;--ok-t:#e8f7ee;--warn:#f59d09;--warn-t:#fdf3e2;--danger:#ef4242;--danger-t:#fdeaea;--accent:#7b38ed;--accent-t:#ddccfa;--ink:#1e2433;--muted:#5b6577;--faint:#8a94a6;--line:#ebebed;--card:#fff;--page:#f4f4f5;--lbl:#454c5c;
 --svc:var(--brand);--svc-t:var(--brand-t)}
body.cp{--svc:#2563eb;--svc-t:#e8efff}      /* cPanel  = link blue   */
body.whm{--svc:#4046c8;--svc-t:#eef0ff}     /* WHM     = brand indigo */
body.wm{--svc:#16a34a;--svc-t:#e8f7ee}      /* Webmail = ok green    */
a{color:var(--link);text-decoration:none}
#login-wrapper{max-width:1080px;margin:0 auto;padding:34px 24px 40px}
/* top bar: logo + contact */
.it-top{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1080px;margin:0 auto;padding:34px 28px 0}
#login-wrapper{padding-top:22px}
.it-top img{width:220px;height:auto;display:block}
.it-dl{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.it-dl span{display:inline-flex;align-items:center;gap:7px}.it-dl b{color:var(--ink);font-weight:600}
/* notices */
#notify .error-notice,#notify .warn-notice{background:var(--danger-t);color:var(--danger);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;margin-bottom:14px}
#notify .warn-notice{background:var(--warn-t);color:var(--warn)}
#login-status[style*="hidden"]{display:none}
/* the card grid */
#content-container{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:stretch}
#login-container{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 34px 28px;box-shadow:0 1px 2px rgba(16,24,40,.04);position:relative;overflow:hidden}
#login-container::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--svc)}
#login-sub-header{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
#login-sub-header .main-logo{display:none}   /* cPanel/WHM/Webmail product logo swapped for our header block */
.it-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
.it-title{display:flex;align-items:center;gap:14px}
.it-chip{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--svc-t);color:var(--svc)}
.it-h1{font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}
.it-badge{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:5px 13px;border-radius:999px;background:var(--ok-t);color:var(--ok);white-space:nowrap}
.it-badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.it-vchip{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;font-weight:600;color:var(--muted);background:var(--page);border:1px solid var(--line);border-radius:999px;padding:4px 11px;white-space:nowrap}
/* form */
.input-req-login label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--lbl);margin:0 0 7px}
.input-field-login{margin-bottom:16px;position:relative}
.input-field-login .std_textbox{width:100%;height:46px;font-size:15px;padding:0 14px 0 44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-family:inherit}
.input-field-login .std_textbox::placeholder{color:var(--faint)}
.input-field-login .std_textbox:focus{outline:2px solid rgba(64,70,200,.4);border-color:var(--brand)}
.input-field-login.icon::before{content:"";position:absolute;left:15px;top:14px;width:18px;height:18px;background-repeat:no-repeat;background-size:18px;opacity:.55}
.username-container::before{background-image:url(data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e2433' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E)}
.password-container::before{background-image:url(data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e2433' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E)}
.controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:6px;flex-wrap:wrap}
#login_submit,.clickthrough-cont-btn{font-size:15px;font-weight:600;height:44px;padding:0 26px;border-radius:999px;border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:.12s;font-family:inherit}
#login_submit:hover{background:var(--brand-d);border-color:var(--brand-d);transform:translateY(-1px)}
#login_submit:focus-visible{outline:2px solid rgba(64,70,200,.4);outline-offset:2px}
.reset-pw a{font-size:14px;font-weight:600;color:var(--link);display:inline-flex;align-items:center;gap:6px}
/* right rail (added via template) */
.it-rail{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 26px 20px;box-shadow:0 1px 2px rgba(16,24,40,.04);display:flex;flex-direction:column;gap:14px}
.it-rail h2{font-size:17.5px;font-weight:700;margin:0 0 2px}
.it-tile{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--ink);transition:.12s}
.it-tile:hover{transform:translateY(-1px);border-color:var(--svc)}
.it-kchip{width:35px;height:35px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.it-kchip.link{background:var(--link)}.it-kchip.ok{background:var(--ok)}.it-kchip.warn{background:var(--warn)}.it-kchip.acc{background:var(--accent)}
.it-tile .t{font-size:14.5px;font-weight:600}.it-tile .m{font-size:13.5px;color:var(--muted);margin-top:2px}
.it-info{margin-top:auto;display:flex;align-items:center;gap:10px;background:var(--link-t);color:var(--link);border-radius:12px;padding:12px 16px;font-size:13.5px;font-weight:600;flex-wrap:wrap}
.it-info .mono{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}
/* locale footer + our footer */
#locale-footer{margin-top:18px}
#locale-footer .locale-container a,#locale-footer .locale-container select{font-size:13px;color:var(--faint)}
.it-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--faint);padding:18px 4px 4px}
.it-foot .r{margin-left:auto}
#locale-container{position:fixed;inset:0;background:rgba(30,36,51,.5);display:flex;align-items:center;justify-content:center;z-index:9}
#locale-inner-container{background:#fff;border-radius:16px;padding:24px;max-width:720px;width:92%}
#locale-header{display:flex;justify-content:space-between;font-weight:700;margin-bottom:12px}
#locale-map .scroller{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.locale-cell a{display:block;padding:6px 8px;border-radius:8px;font-size:14px}.locale-cell a:hover{background:var(--page)}
@media(max-width:820px){#content-container{grid-template-columns:1fr}.it-top{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){
 #login-wrapper{padding:16px 16px 30px}
 .it-top{padding:22px 16px 0}
 .it-top img{width:190px}.it-dl{gap:12px}.it-dl span{font-size:13.5px}
 #login-container{padding:24px 20px 22px}
 .it-eyebrow{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .it-title{display:grid;grid-template-columns:40px 1fr;gap:6px 12px;align-items:center}
 .it-chip{width:40px;height:40px;border-radius:10px}.it-chip svg{width:20px;height:20px}
 .it-h1{font-size:22px;white-space:nowrap;min-width:0}
 .it-vchip{grid-column:2;justify-self:start}
 .it-badge{white-space:normal;line-height:1.3;font-size:12.5px;padding:6px 12px}
 .it-badge .dot{flex-shrink:0}
 .input-field-login .std_textbox{height:44px}
 .controls{gap:10px}
 #login_submit{height:42px;padding:0 22px}
 .it-rail{padding:22px 18px 18px}
 .it-tile{padding:12px 14px}.it-tile .t{font-size:14px}.it-tile .m{font-size:13px}
 .it-info{font-size:13px}
 .it-foot{font-size:12.5px}
}

.tfa-code .std_textbox{padding-left:14px;font-family:ui-monospace,Menlo,monospace;font-size:24px;letter-spacing:.32em;text-align:center;height:56px}
.tfa-code::before{display:none}
.it-ghost{font-size:14px;font-weight:600;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);display:inline-flex;align-items:center;gap:8px}
.it-who{display:flex;align-items:center;gap:10px;background:var(--page);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px;color:var(--muted);margin-bottom:18px}
.it-who b{color:var(--ink);font-weight:600}
.it-who{flex-wrap:wrap;gap:4px 10px}.it-who .w{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.it-who .h{color:var(--muted);flex-basis:100%;padding-left:26px;font-size:13.5px}
.it-h1.tfa{font-size:25px;white-space:nowrap}
@media(max-width:560px){.it-h1.tfa{font-size:21px}}
.it-step{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--accent);background:var(--accent-t);border-radius:999px;padding:4px 11px}

/* variants: only the block matching body class is shown */
.it-only-cp,.it-only-whm,.it-only-wm{display:none}
body.cp .it-only-cp,body.whm .it-only-whm,body.wm .it-only-wm{display:contents}
.it-rail .it-only-cp,.it-rail .it-only-whm,.it-rail .it-only-wm{display:none}
body.cp .it-rail .it-only-cp,body.whm .it-rail .it-only-whm,body.wm .it-rail .it-only-wm{display:contents}
/* 2FA state (body.it-tfa is set by the theme script when a token field is present) */
.it-tfa-only{display:none}.it-tfa .it-tfa-only{display:contents}
.it-tfa .it-login-only{display:none}
.it-tfa .it-rail .it-tile.login-tile{display:none}
/* security-policy page (2FA / security questions) — same card treatment */
.security_policy .login-page,.security_policy .login-content,.security_policy .login-center-answer{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;background:none!important;float:none!important;position:static!important;display:block!important;left:auto!important;top:auto!important;transform:none!important;height:auto!important}
.security_policy #login-wrapper{max-width:1080px!important;width:auto!important;margin:0 auto!important;padding:22px 24px 40px!important;float:none!important;position:static!important;display:block!important;left:auto!important;transform:none!important}
.security_policy #security-container,.security_policy #security-sub-container,.security_policy #security-sub,.security_policy .login-rt,.security_policy .form{width:auto!important;max-width:none!important;float:none!important;margin:0!important;position:static!important;text-align:left!important}
.security_policy #content-container{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:stretch}
@media(max-width:820px){.security_policy #content-container{grid-template-columns:1fr}}
.security_policy .clear{display:none}
.security_policy .it-step{width:max-content}
.security_policy #security-sub h1,.security_policy #security-sub h2,.security_policy #security-sub h3,.security_policy #security-sub .header{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 10px}
.security_policy .it-rail{display:flex!important}
.security_policy .it-rail .it-tfa-only{display:contents!important}
/* hide cPanel copyright block (reversible: delete this line) */
.copyright{display:none!important}
.security_policy .it-login-only{display:none}.security_policy .it-tfa-only{display:contents}
.security_policy .it-rail .it-tile.login-tile{display:none}
#security-container{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 34px 28px;box-shadow:0 1px 2px rgba(16,24,40,.04);position:relative;overflow:hidden}
#security-container::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--svc)}
#security-container .main-logo{display:none}
#security-sub label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--lbl);margin:0 0 7px}
#security-sub input[type=text],#security-sub input[type=password],#security-sub input[type=number]{width:100%;height:46px;font-size:15px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-family:inherit;margin-bottom:16px}
#security-sub input.tfa-code{font-family:ui-monospace,Menlo,monospace;font-size:24px;letter-spacing:.32em;text-align:center;height:56px}
#security-sub input[type=submit],#security-sub button,#security-sub .btn{font-size:15px;font-weight:600;height:44px;padding:0 26px;border-radius:999px;border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;font-family:inherit}
#security-sub a{font-size:14px;font-weight:600}
#security-sub p,#security-sub .description{font-size:14.5px;color:var(--muted)}
/* keep cPanel's own hidden helpers hidden */
#clickthrough_form[style*="hidden"]{display:none}
#IE-warning.IE-warning-hide,#locales_list{display:none}
#locale-footer{margin-top:16px;padding:0 4px}
#mobilelocalemenu{font-size:13px;color:var(--faint)}#mobilelocalemenu a{font-weight:600;color:var(--link);margin-left:4px}
.copyright{max-width:1080px;margin:0 auto;padding:0 28px;font-size:12.5px;color:var(--faint);line-height:1.5;background:none}
.copyright a{color:var(--faint)}.copyright img,.copyright::before,.copyright::after{display:none!important}
.it-foot{max-width:1080px;margin:0 auto;padding:6px 28px 28px}