/* FinCup: login, registration and password recovery pages */
@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600&family=Oswald:wght@500;600&display=swap");
:root{--g:#F5F1E8;--ink:#232C4D;--ink2:#5A6488;--line:#E4DED0;--rose:#B25D72;--rose-dk:#9C4B60;--rose-bg:#F7E8EB;--violet:#5D70B4;--violet-dk:#465896;--navy:#2F3A6B}
html,body.bg-login,body.bg-register,body.bg-forgot,body.bg-lock{background:var(--g)!important;background-image:none!important}
body.bg-login,body.bg-register,body.bg-forgot,body.bg-lock{color:var(--ink);font:16px/1.55 "Golos Text",system-ui,sans-serif}
.bg-login .wrapper,.bg-register .wrapper,.bg-forgot .wrapper,.bg-lock .wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}
.section-authentication-login,.section-authentication-register,.authentication-forgot,.authentication-lock-screen{height:auto!important;min-height:0!important;width:100%;padding:0!important}
.section-authentication-login>.row,.section-authentication-register>.row{width:100%;margin:0;justify-content:center}
.section-authentication-login>.row>[class*="col-"]{flex:0 0 100%;max-width:470px;padding:0}
.section-authentication-register>.row>[class*="col-"]{flex:0 0 100%;max-width:560px;padding:0}
/* login: no stock photo, the form takes the whole card */
.section-authentication-login .col-lg-6:has(.login-img){display:none}
.section-authentication-login .row.no-gutters>.col-lg-6{flex:0 0 100%;max-width:100%}
.bg-login .card,.bg-register .card,.bg-forgot .card,.forgot-box{background:#fff;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(35,44,77,.05),0 16px 36px -22px rgba(35,44,77,.35)!important;width:100%;max-width:470px;margin:0 auto}
.bg-register .card{max-width:560px}
.bg-login .card-body,.bg-register .card-body,.bg-forgot .card-body{padding:34px 34px 28px!important}
@media (max-width:480px){.bg-login .card-body,.bg-register .card-body,.bg-forgot .card-body{padding:24px 20px!important}}
.bg-login .text-center>img,.bg-register .text-center>img{width:auto!important;max-width:240px!important;height:auto;display:block;margin:0 auto}
.bg-forgot .text-center>img{display:none}
h3,h4{font-family:"Oswald",sans-serif!important;font-weight:500!important;color:var(--ink)}
.bg-login h3,.bg-register h3{font-size:28px;margin-top:18px!important}
.bg-forgot h4{font-size:28px;margin-top:0!important;text-align:center}
.bg-forgot .text-muted{text-align:center;color:var(--ink2)!important}
.bg-forgot .form-group.mt-5{margin-top:22px!important}
label,.bg-register .tab>.form-group>p{font-weight:500;font-size:14px;color:var(--ink);margin-bottom:6px}
.form-group{margin-bottom:16px}
.form-group.mt-4{margin-top:14px!important}
.form-control,.custom-select{height:46px;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;color:var(--ink);font-size:15.5px;box-shadow:none!important}
.form-control-lg{height:48px}
.form-control:focus{border-color:var(--violet)!important;box-shadow:0 0 0 3px rgba(93,112,180,.18)!important}
.form-control::placeholder{color:#A3A8BC}
input.invalid{background:#FBEDEE!important;border-color:#D79AA6!important}
.input-group .form-control{border-right:0!important;border-radius:10px 0 0 10px!important}
.input-group-text{border:1px solid var(--line)!important;border-left:0!important;border-radius:0 10px 10px 0!important;background:#fff!important;color:var(--ink2)}
.btn{font-family:"Oswald",sans-serif;font-weight:500;letter-spacing:.04em;border-radius:10px!important;text-transform:none!important;box-shadow:none!important}
.btn-primary,.btn-primary:not(:disabled):not(.disabled):active{background:var(--rose)!important;border-color:var(--rose)!important;color:#fff!important;height:48px;font-size:17px}
.btn-primary:hover,.btn-primary:focus{background:var(--rose-dk)!important;border-color:var(--rose-dk)!important}
.bg-login .btn-group{display:block}
.bg-login .btn-group>button.btn{display:none}
.bg-login .btn-group>.btn-block{width:100%}
.btn-link{color:var(--violet-dk)!important;font-family:"Golos Text",sans-serif;letter-spacing:0}
a{color:var(--violet-dk)}a:hover{color:var(--rose-dk);text-decoration:none}
hr{border-color:var(--line);margin:22px 0}
.text-center p{color:var(--ink2);margin-bottom:6px!important}
.custom-control-input:checked~.custom-control-label::before{background:var(--rose)!important;border-color:var(--rose)!important}
.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 3px rgba(178,93,114,.2)!important}
.custom-control-label{font-weight:400;color:var(--ink)}
/* registration: role choice as tidy options, steps, buttons in one row */
.bg-register .tab>.form-group.mt-4:has(.custom-radio){margin-top:8px!important;margin-bottom:8px}
.bg-register .custom-radio.custom-control-inline{display:flex;margin:0;padding:12px 14px 12px 42px;border:1px solid var(--line);border-radius:10px;width:100%;cursor:pointer}
.bg-register .custom-radio.custom-control-inline:has(input:checked){border-color:var(--rose);background:var(--rose-bg)}
.bg-register .custom-radio .custom-control-label{cursor:pointer;width:100%}
.bg-register .custom-radio .custom-control-label::before,.bg-register .custom-radio .custom-control-label::after{left:-28px}
.bg-register div[style*="overflow:auto"]{display:flex;flex-direction:row-reverse;gap:10px;margin-top:8px}
.bg-register #nextBtn,.bg-register #prevBtn{flex:1;width:auto;margin:0!important}
.bg-register #prevBtn{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important}
.bg-register #prevBtn:hover{border-color:var(--rose)!important;color:var(--rose-dk)!important}
.bg-register .step{width:10px!important;height:10px!important;background:var(--line)!important;opacity:1!important;margin:0 4px!important}
.bg-register .step.active{background:var(--rose)!important}
.bg-register .step.finish{background:var(--violet)!important}
.bg-register div[style*="margin-top:40px"]{margin-top:22px!important}
.mesage_error{font-size:13px;color:#B5424F!important}
.pace .pace-progress{background:var(--rose)!important}
