/* Approved oilfield composition. Form and branding remain real accessible HTML. */
.oilfield-login{
 --login-surface:rgba(250,252,253,.97);--login-ink:#172b3a;--login-muted:#536777;--login-line:#cbd7df;--login-input:#fff;
 display:block;position:relative;isolation:isolate;min-height:100vh;min-height:100svh;background-color:#eaf0f2;color:#f5f8fa;
}
.oilfield-login::before{content:"";position:absolute;inset:0;z-index:-2;background:#081521 url('/static/brand/oilfield-login-v1.webp') left center/cover no-repeat}
.oilfield-login::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06111b12,transparent 56%,#06111b30)}
.login-layout{position:relative;max-width:1640px;min-height:100vh;min-height:100svh;margin:0 auto;padding:clamp(40px,7.4vh,85px) clamp(32px,6vw,96px);display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.77fr);column-gap:clamp(40px,6vw,110px);align-items:center}
.login-intro{align-self:start;padding-bottom:310px}
.oilfield-login .login-brand{width:clamp(320px,28vw,410px);max-width:100%;margin:0 0 26px;display:block}
.oilfield-login .login-brand .official-logo{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
.login-intro h1{font-size:clamp(58px,5.85vw,90px);font-weight:750;line-height:.99;letter-spacing:-3.8px;color:#f7f8fa;margin:0 0 13px;text-shadow:0 2px 15px #0002}
.login-intro h1 span{color:#99e3cd}
.login-intro>p{font-size:clamp(18px,1.66vw,25px);line-height:1.35;color:#e1e8ef;letter-spacing:-.3px}
.login-portal-label{position:absolute;right:clamp(32px,6vw,96px);top:clamp(40px,7.4vh,85px);font-size:14px;color:#dae4ec}
.login-portal-label::after{content:"";display:block;width:45px;height:1px;background:#29c5a0;margin-top:13px}
.oilfield-login .login-card{color:var(--login-ink);background:var(--login-surface);border:1px solid var(--login-line);border-radius:19px;width:100%;max-width:550px;justify-self:end;align-self:center;padding:clamp(28px,3.15vw,48px);box-shadow:0 18px 65px #02091432;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin:55px 0 0}
.login-eyebrow{font-size:11px;letter-spacing:3px;font-weight:600;color:#147d69;margin-bottom:16px}
.oilfield-login .login-card h2{font-size:clamp(28px,2.65vw,40px);line-height:1.15;letter-spacing:-1px;font-weight:700;color:var(--login-ink)}
.oilfield-login .login-card form{margin-top:38px}
.oilfield-login .login-card form label{font-size:14px;color:var(--login-ink);font-weight:500;margin-bottom:9px}
.login-field{margin-bottom:28px}
.oilfield-login .login-card form input:not([type=hidden]){height:58px;margin:0;width:100%;border:1px solid var(--login-line);border-radius:8px;color:var(--login-ink);background:var(--login-input);padding:13px 15px;font-size:16px}
.oilfield-login .login-card form input:focus{border-color:#38bd9e}
.login-password{position:relative}
.oilfield-login .login-password input{padding-right:57px!important}
.login-password-toggle{position:absolute;right:6px;top:6px;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--login-muted)}
.login-password-toggle:hover{background:#5f918c18}.eye-slash{display:none}.login-password-toggle[aria-pressed=true] .eye-slash{display:block}
.oilfield-login .login-card form .primary{padding:17px 22px;border-radius:8px;background:#008974;color:#fff;min-height:60px;font-size:16px;box-shadow:none}
.oilfield-login .login-card form .primary:hover{background:#00a087}
.oilfield-login .login-card form .primary span{font-size:26px;line-height:1}
.oilfield-login .login-footer{font-size:11px;color:var(--login-muted);margin-top:24px}
.oilfield-login .error-text{font-size:14px;margin:0 0 20px;color:#ac3333;line-height:1.5}

:root[data-theme="dark"] .oilfield-login{--login-surface:rgba(10,20,29,.95);--login-ink:#f2f5f7;--login-muted:#b9cad6;--login-line:#465b6a;--login-input:rgba(23,35,46,.8);background-color:#081521}
:root[data-theme="dark"] .oilfield-login .login-eyebrow{color:#98e2cd}
:root[data-theme="dark"] .oilfield-login .error-text{color:#ffb6ac}
:root[data-theme="dark"] .oilfield-login input:-webkit-autofill{-webkit-text-fill-color:var(--login-ink);box-shadow:0 0 0 1000px #17232e inset}

@media(min-width:1800px){.oilfield-login::before{background-position:center 58%}}
@media(max-width:1000px) and (min-width:701px){
 .login-layout{padding:42px 32px;grid-template-columns:minmax(0,1fr) minmax(330px,1fr);column-gap:28px}
 .login-intro h1{font-size:58px;letter-spacing:-2.8px}.oilfield-login .login-brand{width:300px}.login-intro>p{font-size:18px}
 .oilfield-login .login-card{padding:28px}.login-portal-label{right:32px;top:42px}
}
@media(max-width:700px){
 .oilfield-login::before{background-size:auto 500px;background-position:6% 65px;background-repeat:no-repeat;background-color:#081521}
 .oilfield-login::after{background:linear-gradient(180deg,#081521 0,#081521 65px,transparent 145px,transparent 430px,#081521 565px)}
 .login-layout{min-height:100svh;padding:28px 22px 32px;display:flex;flex-direction:column;align-items:stretch}
 .login-intro{padding:0;align-self:stretch}.oilfield-login .login-brand{width:280px;max-width:90%;margin:0 0 24px}
 .login-intro h1{font-size:54px;letter-spacing:-2.5px;line-height:1;margin-bottom:12px}.login-intro>p{font-size:17px;line-height:1.4}
 .login-portal-label{display:none}
 .oilfield-login .login-card{align-self:center;margin:174px 0 0;padding:28px 25px;max-width:460px;border-radius:16px}
 .oilfield-login .login-card h2{font-size:30px}.login-eyebrow{font-size:10px;letter-spacing:2.4px;margin-bottom:13px}
 .oilfield-login .login-card form{margin-top:28px}.login-field{margin-bottom:22px}
 .oilfield-login .login-card form input:not([type=hidden]){height:54px}.login-password-toggle{top:4px}
 .oilfield-login .login-card form .primary{min-height:56px}.oilfield-login .login-footer{margin-top:20px}
}
@media(max-width:360px){.login-layout{padding-left:18px;padding-right:18px}.login-intro h1{font-size:48px}.oilfield-login .login-card{padding:25px 20px}.oilfield-login .login-card h2{font-size:27px}}
.oilfield-login .platform-login-brand{display:flex;align-items:center;gap:16px;color:#f3f8fa;font-size:clamp(23px,2.4vw,34px);font-weight:700;line-height:1.15;margin-bottom:32px}
.platform-login-brand .platform-brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:66px;height:66px;border:1px solid #86d5c1;border-radius:15px;background:#0d2d2b80;color:#b9f1df;font-size:28px;letter-spacing:-1px}
.platform-login-brand small{display:block;color:#afded0;font-size:.62em;font-weight:500;letter-spacing:1.5px;margin-top:6px}
@media(max-width:700px){.oilfield-login .platform-login-brand{font-size:24px;gap:12px}.platform-login-brand .platform-brand-mark{width:52px;height:52px;font-size:24px}}