:root{--mob-brand:#5b2bd6;--mob-navy:color-mix(in oklab,#5b2bd6 45%,#060818);--mob-navy2:color-mix(in oklab,#5b2bd6 68%,#060818);--mob-line:#e3e1f1;--mob-fg:#14163a;--mob-muted:#5b5f82;--mob-accent:#ff6a13}
html,body.task-login{min-height:100vh;background:radial-gradient(120% 140% at 85% 20%,var(--mob-brand) 0%,transparent 60%),linear-gradient(135deg,var(--mob-navy2) 0%,var(--mob-navy) 65%) fixed!important}
body.task-login #layout,body.task-login #layout-content{background:transparent!important}
body.task-login #layout-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px;box-sizing:border-box}
body.task-login #logo{content:url(https://www.mobeducacao.com.br/brand/mob-logo.png);height:68px;width:auto;max-width:240px;margin:0 auto 6px;display:block}
body.task-login #login-form{width:100%;max-width:384px;margin:12px auto 0;background:#fff;border:1px solid rgba(227,225,241,.7);border-radius:16px;padding:24px;box-sizing:border-box;box-shadow:0 24px 60px -24px rgba(6,8,24,.6);color:var(--mob-fg)}
body.task-login #login-form::before{content:"Acesse seu e-mail";display:block;font-weight:800;font-size:18px;color:var(--mob-navy);margin-bottom:14px}
body.task-login #login-form .formcontent{margin:0}
body.task-login #login-form .input-group{margin-bottom:12px}
body.task-login #login-form .input-group-text{background:#f4f3fb;border-color:var(--mob-line);color:var(--mob-muted);border-radius:12px 0 0 12px}
body.task-login #login-form .form-control{min-height:44px;border-color:var(--mob-line);border-radius:0 12px 12px 0;font-size:16px;color:var(--mob-fg)}
body.task-login #login-form .form-control:focus{border-color:var(--mob-brand);box-shadow:0 0 0 4px rgba(91,43,214,.15)}
body.task-login #login-form .formbuttons{margin:4px 0 0}
body.task-login #rcmloginsubmit{width:100%;min-height:44px;border:0;border-radius:12px;background:var(--mob-brand)!important;color:#fff!important;font-weight:600;font-size:14px;box-shadow:0 2px 8px rgba(91,43,214,.3);transition:filter .15s}
body.task-login #rcmloginsubmit:hover{filter:brightness(1.1)}
body.task-login #login-footer{color:rgba(255,255,255,.8)!important;margin-top:16px;text-align:center}
body.task-login #login-footer a{color:var(--mob-accent)!important}