/* Industrial sign-in: photograph and a quiet, focused form. */
.industrial-login{display:flex;align-items:center;justify-content:flex-start;position:relative;isolation:isolate;min-height:100svh;padding:40px clamp(28px,9vw,180px);border:0;background:#152b3e url('/assets/refinery-login.webp') center center/cover no-repeat}
.industrial-login:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09182d38,#0c1c3020 55%,#08182c4d);z-index:-1}
.industrial-wordmark{position:absolute;left:clamp(32px,12vw,230px);top:70px;display:flex;flex-direction:column;align-items:flex-start;direction:ltr;color:#fff;text-shadow:0 2px 15px #0003}
.industrial-wordmark strong{font:italic 600 39px/1.4 Arial,sans-serif;letter-spacing:6px}
.industrial-wordmark span{font:500 10px/2 Arial,sans-serif;letter-spacing:1px;margin-top:4px}
.industrial-login .auth-wrap{display:block;padding:0;width:480px;max-width:100%;min-height:min(780px,calc(100svh - 80px))}
.industrial-login .auth{width:100%;max-width:none;min-height:inherit;position:relative;display:flex;flex-direction:column;justify-content:center;background:#fffffffa;padding:62px 48px 90px;border:1px solid #ffffffa3;border-radius:12px;box-shadow:0 20px 70px #06142633}
.login-heading{text-align:center;margin-bottom:36px}
.login-heading h1{font:600 34px/1.6 var(--font);letter-spacing:3px;direction:ltr;color:#084566}
.login-emblem{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 15px;border:1px solid #dce7eb;border-radius:16px;background:#fff;color:var(--accent)}
.login-emblem .icon{width:36px;height:36px;stroke-width:1.4}
.industrial-login .auth form{width:100%}
.industrial-login .auth label{font-size:14px;color:#6e7e88;margin:12px 0 18px}
.industrial-login .auth input{height:52px;border:1px solid #c9d3dd;border-radius:5px;background:#f1f5fb;padding:12px 15px;font-size:16px;color:#314253}
.industrial-login .auth input:focus{background:#fff;border-color:#5398b6;box-shadow:0 0 0 2px #5398b610}
.industrial-login .auth button{margin-top:12px;height:51px;border:0;border-radius:5px;background:linear-gradient(100deg,#0877c5,#07467f);color:#fff;font-size:16px;font-weight:600;box-shadow:0 7px 18px #075a9b20}
.industrial-login .auth button:hover{background:linear-gradient(100deg,#0868ad,#063e70)}
.login-company{position:absolute;bottom:27px;right:20px;left:20px;text-align:center;font-size:11px;color:#8496a7}
@media(min-width:1700px){.industrial-login .auth-wrap{width:510px}.industrial-login .auth{padding-right:52px;padding-left:52px}}
@media(max-width:950px){.industrial-login{padding:32px}.industrial-wordmark{left:40px;top:45px}.industrial-wordmark strong{font-size:30px}.industrial-wordmark span{font-size:8px}.industrial-login .auth-wrap{width:440px;min-height:min(720px,calc(100svh - 64px))}.industrial-login .auth{padding:45px 35px 75px}}
@media(max-width:650px){.industrial-login{padding:85px 20px 24px;align-items:center;justify-content:center;background-position:38% center}.industrial-wordmark{top:22px;left:26px}.industrial-wordmark strong{font-size:24px;letter-spacing:4px}.industrial-wordmark span{font-size:6px;letter-spacing:.7px}.industrial-login .auth-wrap{width:420px;min-height:570px}.industrial-login .auth{padding:35px 26px 70px;min-height:570px;border-radius:10px}.login-heading{margin-bottom:24px}.login-heading h1{font-size:29px}.login-emblem{width:62px;height:62px;margin-bottom:12px;border-radius:12px}.login-emblem .icon{width:30px;height:30px}.industrial-login .auth label{font-size:14px}.industrial-login .auth input{font-size:16px}.login-company{font-size:10px}}

.login-company-logo{display:block;width:150px;height:auto;object-fit:contain;margin:0 auto 15px}.login-heading{margin-bottom:25px}
.login-heading h1.login-wordmark{font:600 32px/1.5 Arial,sans-serif;letter-spacing:0;direction:ltr;margin:0;text-align:center}
.login-wordmark .wordmark-i{color:#505050}.login-wordmark .wordmark-caps{color:#00a7ad}
.login-tagline{margin-top:7px;color:#a2a2a2;font:600 11px/1.8 Arial,sans-serif;letter-spacing:1.2px;text-align:center}
@media(max-width:650px){.login-company-logo{width:120px;margin-bottom:12px}}

.captcha-image-row{display:flex;align-items:center;gap:8px;margin-top:12px}.captcha-image-row img{max-width:calc(100% - 40px);object-fit:contain}.industrial-login .auth #captcha-refresh{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-width:0;padding:4px;margin:0;border:0;background:transparent;color:#0877a0;box-shadow:none}.industrial-login .auth #captcha-refresh:hover{background:#e8f2f5}.industrial-login .auth #captcha-refresh:focus-visible{outline:2px solid #0877a0;outline-offset:2px}
.industrial-login .captcha-image-row{gap:6px;flex-wrap:nowrap}.industrial-login .captcha-image-row img{width:150px;height:48px;max-width:none;flex:0 1 150px;min-width:80px}.industrial-login .captcha-answer{flex:1 1 90px;min-width:70px;font-size:11px;gap:3px}.industrial-login .captcha-answer input{width:100%;height:36px;min-width:0;padding:5px;text-align:center;font-size:15px;letter-spacing:2px}.industrial-login .auth #captcha-refresh{flex-basis:26px;width:26px;height:28px}
.industrial-login .captcha-answer{display:flex;margin:0;align-self:center;flex-basis:140px}.industrial-login .captcha-answer input{height:48px;margin:0;letter-spacing:normal;font-size:13px}.industrial-login .captcha-answer input::placeholder{font-size:11px;letter-spacing:normal;text-align:center}.industrial-login .captcha-image-row{align-items:center}.industrial-login .captcha-image-row img{display:block}
.industrial-login .captcha-image-row .captcha-answer{order:0}.industrial-login .captcha-image-row #captcha-refresh{order:1}.industrial-login .captcha-image-row #captcha-image{order:2}