/* PlaneHost auth pages: login / register / password reset */
.page-login .main-body{background:#f2f5fa;padding-block:40px 56px}
.login.ph-auth{display:grid;grid-template-columns:minmax(260px,380px) 1fr;max-width:920px;margin:0 auto;background:#fff;border:1px solid #e3e8f2;border-radius:18px;box-shadow:0 18px 50px rgba(38,60,139,.08);overflow:hidden;padding:0}
.login.login-lg.ph-auth{max-width:1120px;grid-template-columns:minmax(260px,340px) 1fr}
.login.ph-auth>.login-wrapper{box-shadow:none;border:0;border-radius:0;margin:0;background:#fff}
.login.ph-auth .login-body{padding:44px 44px 28px}
.login.ph-auth .login-footer{background:#f8fafd;border-top:1px solid #edf0f6;padding:18px 44px;text-align:center}

/* Brand panel */
.ph-auth-side{position:relative;background:#263c8b;color:#dfe6f7;padding:40px 34px;display:flex;flex-direction:column;gap:16px}
.ph-auth-side::after{content:"";position:absolute;inset-inline:0;bottom:0;height:4px;background:#eb8423}
.ph-auth-logo{display:inline-block;align-self:flex-start;background:#fff;border-radius:12px;padding:10px 16px;margin-bottom:10px}
.ph-auth-logo img{display:block;width:150px;height:auto}
.ph-auth-side h2{color:#fff;font-size:26px;font-weight:800;line-height:1.35;margin:8px 0 0}
.ph-auth-side p{margin:0;font-size:15px;line-height:1.8;color:#c9d3ee}
.ph-auth-side ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:14px}
.ph-auth-side li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#eef2fb}
.ph-check{flex:0 0 22px;height:22px;border-radius:50%;background:rgba(255,255,255,.12);position:relative}
.ph-check::after{content:"";position:absolute;left:7px;top:5px;width:6px;height:10px;border:solid #eb8423;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ph-auth-help{margin-top:auto;padding-top:22px;font-size:13.5px;color:#aebbe0;border-top:1px solid rgba(255,255,255,.12)}
.ph-auth-help a{color:#fff;font-weight:700;text-decoration:underline}

/* Form polish */
.login.ph-auth .login-title{font-size:26px;font-weight:800;color:#1f2b4d;margin-bottom:26px;text-align:start}
.login.ph-auth label{font-weight:600;color:#3a4560}
.login.ph-auth .form-control{border-radius:10px;border-color:#d9e0ec;min-height:48px;background:#fbfcfe}
.login.ph-auth .form-control:focus{border-color:#263c8b;box-shadow:0 0 0 3px rgba(38,60,139,.12);background:#fff}
.login.ph-auth .btn-primary{border-radius:10px;min-height:50px;font-weight:700;background:#263c8b;border-color:#263c8b}
.login.ph-auth .btn-primary:hover,.login.ph-auth .btn-primary:focus{background:#1c2d69;border-color:#1c2d69}
.login.ph-auth .login-divider{margin-block:22px}
.login.ph-auth .login-body.register h3,.login.ph-auth .login-body.register .section-title{color:#263c8b;font-weight:700;font-size:17px}

/* Mobile: compact brand strip on top */
@media (max-width:860px){
 .page-login .main-body{padding-block:16px 32px}
 .login.ph-auth,.login.login-lg.ph-auth{grid-template-columns:1fr;border-radius:14px;margin-inline:0}
 .ph-auth-side{padding:24px 20px;gap:8px;align-items:center;text-align:center}
 .ph-auth-logo{align-self:center;margin-bottom:4px}
 .ph-auth-side h2{font-size:21px}
 .ph-auth-side ul,.ph-auth-help{display:none}
 .login.ph-auth .login-body{padding:26px 18px 18px}
 .login.ph-auth .login-footer{padding:16px 18px}
}