/* Generated from D:\1 ofaami_job_gh_agent_login.html — scoped under .tpl-provider-login. Do not edit by hand. */

.tpl-provider-login{
 --green:#08783f;--green2:#0b9b55;--deep:#063c27;--deep2:#032c1e;
 --mint:#eaf7ef;--yellow:#ffd968;--ink:#10231b;--muted:#68756f;
 --line:#dce8e1;--soft:#f5faf7;--white:#fff;
}
.tpl-provider-login *{box-sizing:border-box}
.tpl-provider-login{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:var(--ink)}
.tpl-provider-login{background:#eef5f1}
.tpl-provider-login a{text-decoration:none;color:inherit}
.tpl-provider-login button, .tpl-provider-login input{font:inherit}
.tpl-provider-login .page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}
.tpl-provider-login .visual{position:relative;min-height:100vh;overflow:hidden;background:var(--deep)}
.tpl-provider-login .visual:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(3,44,30,.92),rgba(6,60,39,.60) 50%,rgba(6,60,39,.25)),url("../../img/tpl/ofaami_job_gh_agent_login-01.jpg") center/cover}
.tpl-provider-login .visual:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-230px;bottom:-250px;background:#ffd96825}
.tpl-provider-login .visual-inner{position:relative;z-index:2;padding:42px 8%;height:100%;display:flex;flex-direction:column;color:#fff}
.tpl-provider-login .logo{display:flex;align-items:center;gap:10px;width:max-content}
.tpl-provider-login .logo-mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#0db05f,#056332);display:grid;place-items:center;box-shadow:0 10px 25px #0003}
.tpl-provider-login .logo-mark svg{width:21px}.tpl-provider-login .logo strong{font:800 17px Manrope;letter-spacing:-.5px;display:block}.tpl-provider-login .logo small{font-size:8px;color:#a9d0bc;display:block;margin-top:2px}
.tpl-provider-login .back{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#d8eee2;margin-top:34px;width:max-content}
.tpl-provider-login .visual-copy{margin:auto 0;max-width:620px;padding:55px 0}
.tpl-provider-login .kicker{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#9de0b7}
.tpl-provider-login h1{font:800 47px/1.06 Manrope;letter-spacing:-2.5px;margin:11px 0 16px}
.tpl-provider-login .visual-copy>p{font-size:13px;line-height:1.75;color:#c8ddd2;max-width:500px}
.tpl-provider-login .trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.tpl-provider-login .trust{background:#ffffff0d;border:1px solid #ffffff20;border-radius:10px;padding:10px 12px;display:flex;gap:7px;align-items:center;font-size:9px}
.tpl-provider-login .trust svg{width:16px;color:#9de0b7}
.tpl-provider-login .quote{background:#ffffff0b;border:1px solid #ffffff18;border-radius:13px;padding:15px;margin-top:22px;max-width:460px}
.tpl-provider-login .quote p{font-size:10px;line-height:1.6;color:#dcebe4;margin:0 0 10px}
.tpl-provider-login .person{display:flex;align-items:center;gap:8px}.tpl-provider-login .person img{width:31px;height:31px;border-radius:50%;object-fit:cover;border:2px solid #ffffff55}.tpl-provider-login .person strong{font-size:9px;display:block}.tpl-provider-login .person small{font-size:7px;color:#a9c5b7}
.tpl-provider-login .visual-footer{font-size:8px;color:#9dbbae;padding-bottom:8px;display:flex;justify-content:space-between;gap:20px}

.tpl-provider-login .login-side{background:#fff;display:flex;align-items:center;justify-content:center;padding:35px 7%;position:relative}
.tpl-provider-login .login-box{width:min(420px,100%)}
.tpl-provider-login .mobile-logo{display:none}
.tpl-provider-login .login-head .kicker{color:var(--green)}
.tpl-provider-login .login-head h2{font:800 31px Manrope;letter-spacing:-1.4px;margin:7px 0 8px}
.tpl-provider-login .login-head p{font-size:10px;color:var(--muted);line-height:1.6;margin:0 0 23px}
.tpl-provider-login .role-switch{display:grid;grid-template-columns:1fr 1fr;background:#f1f6f3;padding:4px;border-radius:10px;margin-bottom:18px}
.tpl-provider-login .role-switch button{border:0;background:transparent;border-radius:7px;padding:9px;font-size:9px;font-weight:800;color:#6b7972;cursor:pointer}
.tpl-provider-login .role-switch button.active{background:#fff;color:var(--green);box-shadow:0 4px 12px #0b39220d}
.tpl-provider-login .field{margin-bottom:13px}.tpl-provider-login .field label{display:block;font-size:9px;font-weight:800;margin-bottom:6px}.tpl-provider-login .input-wrap{position:relative}.tpl-provider-login .input-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;color:#84918b}.tpl-provider-login .input-wrap input{width:100%;height:43px;border:1px solid var(--line);border-radius:9px;padding:0 39px;color:var(--ink);outline:none;background:#fff;font-size:10px}.tpl-provider-login .input-wrap input:focus{border-color:#77b995;box-shadow:0 0 0 3px #08783f12}.tpl-provider-login .eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#75827c;cursor:pointer;padding:5px}
.tpl-provider-login .options{display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px;font-size:8px}.tpl-provider-login .remember{display:flex;align-items:center;gap:6px;color:#63716a}.tpl-provider-login .remember input{accent-color:var(--green)}.tpl-provider-login .options a{color:var(--green);font-weight:800}
.tpl-provider-login .login-btn{width:100%;height:45px;border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:800;font-size:10px;cursor:pointer;box-shadow:0 10px 20px #08783f22;display:flex;align-items:center;justify-content:center;gap:7px}
.tpl-provider-login .divider{display:flex;align-items:center;gap:9px;color:#9aa69f;font-size:8px;margin:18px 0}.tpl-provider-login .divider:before, .tpl-provider-login .divider:after{content:"";height:1px;background:var(--line);flex:1}
.tpl-provider-login .social{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tpl-provider-login .social button{height:40px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.tpl-provider-login .agent-help{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;font-size:9px;color:var(--muted)}.tpl-provider-login .agent-help a{color:var(--green);font-weight:800}
.tpl-provider-login .security{display:flex;align-items:flex-start;gap:8px;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:18px;font-size:8px;color:#66746d;line-height:1.5}.tpl-provider-login .security svg{width:16px;color:var(--green);flex:none}
.tpl-provider-login .legal{font-size:7px;line-height:1.6;color:#8a958f;text-align:center;margin-top:18px}.tpl-provider-login .legal a{color:#617069;text-decoration:underline}
.tpl-provider-login .toast{position:fixed;right:20px;bottom:20px;background:#073d28;color:#fff;border-radius:10px;padding:11px 14px;font-size:9px;box-shadow:0 15px 35px #0003;display:none;z-index:20}
@media(max-width:900px){.tpl-provider-login .page{grid-template-columns:1fr}.tpl-provider-login .visual{display:none}.tpl-provider-login .login-side{min-height:100vh;padding:30px 22px}.tpl-provider-login .mobile-logo{display:flex;margin-bottom:40px}.tpl-provider-login .login-box{max-width:430px}}
@media(max-width:480px){.tpl-provider-login .login-side{padding:25px 17px}.tpl-provider-login .login-head h2{font-size:28px}.tpl-provider-login .social{grid-template-columns:1fr}.tpl-provider-login .options{font-size:8px}}