/* AXXO HUB branded login — retains WordPress authentication */
body.login{min-height:100vh;background:radial-gradient(circle at 35% 28%,#e1efff 0,#f5f9ff 42%,#e9f1fb 100%);font-family:Tahoma,Arial,sans-serif;color:#092c63;display:flex;align-items:center;justify-content:flex-end;padding:32px max(5vw,28px);box-sizing:border-box}
body.login:before{content:"";position:fixed;inset:0 50% 0 0;background:linear-gradient(130deg,rgba(7,37,87,.96),rgba(14,88,178,.89)),radial-gradient(circle at 65% 30%,#6ebeff,#083e86);pointer-events:none}
body.login #login{position:relative;z-index:1;width:min(480px,100%);max-width:100%;margin:0;padding:38px 42px 30px;background:#fff;border:1px solid #e5ebf4;border-radius:24px;box-shadow:0 22px 70px rgba(12,44,86,.14);box-sizing:border-box}
body.login #login h1 a{background-image:none;background-size:contain;background-position:center;background-repeat:no-repeat;width:120px;height:55px;margin:0 auto 10px;display:none}
body.login #login>h1{display:none}
body.login .axxo-login-intro{position:fixed;left:6%;top:50%;transform:translateY(-50%);width:38%;text-align:center;color:white;box-sizing:border-box}
body.login .axxo-login-intro img{width:min(260px,70%);height:115px;object-fit:contain;filter:brightness(0) invert(1)}
body.login .axxo-login-intro h1{font-size:38px;margin:12px 0 8px;letter-spacing:2px}
body.login .axxo-brand-line{display:block;width:65%;max-width:320px;height:1px;background:#ffffff9c;margin:0 auto 14px}
body.login .axxo-company{font-size:14px;letter-spacing:1px;color:#d9e8ff}
body.login .axxo-login-intro h2{font-size:26px;line-height:1.6;margin:35px 0 12px;color:white}
body.login .axxo-intro-copy{font-size:15px;color:#d9e8ff}
body.login #login:before{content:'เข้าสู่ระบบ';display:block;text-align:center;font-size:31px;line-height:1.3;font-weight:750;color:#082d67;margin:3px 0 4px}
body.login #login:after{content:'AXXOHUB  ·  AXXO CHEMICALS AND SERVICES';display:block;position:absolute;top:83px;left:0;right:0;text-align:center;color:#657b9d;font-size:11px;letter-spacing:.6px}
body.login form{border:0;box-shadow:none;background:transparent;padding:32px 0 0;margin:26px 0 0}
body.login label{font-size:14px;font-weight:650;color:#0a2b60}
body.login form .input,body.login input[type=text],body.login input[type=password]{border:1px solid #d6e2f1;border-radius:10px;background:#f8fbff;box-shadow:none;font-size:16px;padding:11px 14px;min-height:49px;margin:8px 0 16px}
body.login form .input:focus{border-color:#1169e8;box-shadow:0 0 0 3px #1169e821}
body.login .button-primary{background:linear-gradient(180deg,#0c72f3,#0754d7);border:0;border-radius:10px;min-height:49px;width:100%;font-size:16px;font-weight:700;box-shadow:none}
body.login .submit{float:none!important;clear:both;padding:0;margin:12px 0 0}
body.login .forgetmenot{float:none!important;margin:4px 0 18px}
body.login #nav,body.login #backtoblog,body.login .language-switcher{display:none!important}
body.login #login_error,body.login .message,body.login .success{border-radius:9px;margin:18px 0 0;font-size:13px}
body.login #loginform{overflow:hidden}
@media(max-width:900px){body.login{justify-content:center;padding:22px}body.login:before{inset:0;opacity:.22}body.login .axxo-login-intro{display:none}body.login #login{width:min(460px,100%);padding:32px 25px}}
@media(max-width:480px){body.login #login{padding:30px 20px;border-radius:17px}body.login #login:before{font-size:26px}body.login #login:after{font-size:9px;top:70px}}