.mf-identity-page{display:flex;flex-direction:column;min-height:100vh;background:#f6f5f0}
.mf-identity-page .mf-portal-header,.mf-identity-page .mf-portal-footer{flex-shrink:0}
.mf-auth-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;width:min(1080px,100%);padding:65px 35px;margin:auto;flex:1}
.mf-auth-intro h1{font-size:clamp(38px,4.2vw,62px);letter-spacing:-.025em;margin:0 0 25px}
.mf-auth-intro h1 span{color:#08768d}
.mf-auth-intro>p{font-size:24px;line-height:1.4;max-width:400px}
.mf-auth-intro>img{width:235px;height:200px;object-fit:contain;margin:5px 0 -20px}
.mf-auth-card{background:#fff;border:1px solid #e1e5df;border-radius:20px;padding:36px 38px;box-shadow:0 12px 45px #183e4609}
.mf-auth-card .mf-eyebrow{font-size:10px;letter-spacing:.13em;color:#16728a;margin-bottom:15px}
.mf-auth-card h2{font-size:30px;line-height:1.2}
.mf-auth-card .mf-auth-caption{font:15px/1.55 Arial,sans-serif;color:#596d70;margin:13px 0 28px}
.mf-auth-form{font:14px/1.5 Arial,sans-serif}
.mf-auth-form .oe_website_login_container{margin:0;padding:0}
.mf-auth-form form,.mf-auth-form .oe_login_form{max-width:none!important;width:100%;margin:0!important;padding:0!important}
.mf-auth-form .form-label,.mf-auth-form .col-form-label{font:700 12px/1.5 Mazzard,Arial,sans-serif;margin-bottom:8px;color:#183e46}
.mf-auth-form .form-control{font:16px/1.4 Arial,sans-serif;min-height:46px;background:#fbfcfa;border:1px solid #cbd6d1;border-radius:7px;color:#183e46}
.mf-auth-form .input-group .form-control{border-radius:7px 0 0 7px}
.mf-auth-form .o_show_password{border-radius:0 7px 7px 0;background:#fbfcfa;border-color:#cbd6d1!important}
.mf-auth-form .form-control:focus{border-color:#148197;box-shadow:0 0 0 3px #29b9dc25}
.mf-identity-page .btn-primary,.mf-account-page .btn-primary{background:#183e46;border-color:#183e46;color:#fff}
.mf-identity-page .btn-primary:hover,.mf-account-page .btn-primary:hover{background:#11667a;border-color:#11667a;color:#fff}
.mf-auth-form button[type=submit]{border-radius:100px;min-height:48px;font:700 14px Mazzard,Arial,sans-serif}
.mf-auth-form a{color:#11667a;text-underline-offset:4px}
.mf-auth-form a:hover{text-decoration:underline}
.mf-auth-form .oe_login_buttons{padding-top:12px!important}
.mf-auth-form .btn-link{font-size:13px}
.mf-auth-form .oe_structure:empty{display:none}
.mf-auth-help{font:12px/1.5 Arial,sans-serif;color:#647774;border-top:1px solid #e5e9e3;margin:25px 0 0;padding-top:20px;text-align:center}
.mf-auth-help a{text-decoration:underline;color:#11667a}
.mf-account-main{flex:1;width:100%;padding:25px 15px 50px;font:15px/1.5 Arial,sans-serif}
.mf-account-main h3,.mf-account-main h4{font-family:Mazzard,Arial,sans-serif;color:#183e46}
.mf-account-main a:not(.btn){color:#11667a}
.mf-account-main .o_portal_wrap{background:transparent}
.mf-account-main .card{border-color:#e1e5df;border-radius:12px}
.mf-account-navigation{min-height:0}
.mf-account-page.mf-account-main{min-height:calc(100vh - 210px)}
@media(max-width:760px){.mf-auth-main{grid-template-columns:1fr;gap:28px;max-width:520px;padding:35px 20px 45px}.mf-auth-intro h1{font-size:36px}.mf-auth-intro h1 br{display:none}.mf-auth-intro h1 br:after{content:' '}.mf-auth-intro .mf-eyebrow{font-size:10px;margin-bottom:15px}.mf-auth-intro>p{font-size:21px;margin-bottom:0}.mf-auth-intro>img{display:none}.mf-auth-card{padding:28px 24px;border-radius:15px}.mf-auth-card h2{font-size:27px}.mf-identity-page .mf-portal-header nav{gap:12px}.mf-identity-page .mf-portal-header img{width:130px}.mf-account-main{padding:20px 5px 35px}}