:root{--focus-black:#14181f;--white:#fafafa;--text-white:#fff;--mid-gray:#a3a3a3;--light-gray:#e3e3e3;--t-d:0.3s;--nav-height:144px;--xl-text:80px;--l-text:60px;--m-text:28px;--m2-text:20px;--s-text:18px;--xs-text:15px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;text-size-adjust:none;-webkit-text-size-adjust:none}.grecaptcha-badge{visibility:hidden!important}html{height:100%}body{width:100%;height:100%;font-family:FoRegular;background-color:var(--white)}button{color:var(--text-white);background-color:var(--focus-black);padding:9px 36px;border-radius:12px;font-size:var(--m-text);border:2px solid var(--focus-black);cursor:pointer;transition-duration:var(--t-d);display:flex;align-items:center;gap:5px;font-family:FoMedium}button:hover{background-color:#1d2627}.button-icon,.button-icon-arrow{font-family:icofo;font-size:20px;position:relative;height:20px;width:10px}.button-icon div,.button-icon-arrow div{font-family:icofo;font-size:20px;position:absolute;top:0;transition-duration:var(--t-d)}button:hover .button-icon-arrow div{transform:translateX(4px)}.secondary-button{color:var(--focus-black);background-color:initial;border-radius:20px;border:2px solid var(--focus-black);box-shadow:-2px 2px var(--focus-black)}.secondary-button:hover{background-color:var(--focus-black);color:var(--text-white)}nav{width:100%;height:50px;z-index:2147483647;margin-bottom:30px}nav img{height:100%}.header-text{font-size:var(--slogan-text);font-family:FoBold;line-height:97%}.auth-page-split{min-height:100%;height:100%}.auth-page-split .images{width:35%;display:flex;padding:15px 0;position:fixed;right:0;top:0;height:100%}.paragraph-text{margin-top:-10px;margin-bottom:15px}.auth-page-split .inputs{padding:40px;display:flex;flex-direction:column;width:65%;min-height:100%}.auth-page-split .inputs .login-section,.auth-page-split .inputs .login-section>form{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:auto;width:100%}input,select{color:var(--focus-black);padding:9px 20px;border-radius:12px;font-size:16px;border:2px solid var(--light-gray);transition-duration:var(--t-d);font-family:FoMedium}input:focus,select:focus{border-color:var(--focus-black)}form *.authmoderrborder{border:1px solid red;color:red}.authmodupdborder{border:1px solid #90ee90;color:green}.authmoderrborder:focus{outline-color:red}.authmodupdborder:focus{outline-color:#90ee90}.quick-login-buttons{display:flex;flex-direction:column;gap:15px;margin-top:20px}.quick-login-buttons button{justify-content:center}.login-section-inputs{display:flex;flex-direction:column;gap:10px}.single,.double-split{width:100%}.single input,.double-split input{width:100%}.double-split{display:flex;gap:10px}.login-action{width:100%;text-align:center;display:flex;flex-direction:column;gap:2px}.login-action button{margin-bottom:15px;width:100%;justify-content:center;background-color:initial;border-radius:20px;border:2px solid var(--focus-black);box-shadow:0 2px var(--focus-black)}.login-action button:hover{background-color:var(--light-gray)}.login-action span{color:var(--focus-black);font-family:FoMedium}.login-action span a{color:var(--focus-black);text-decoration:none;font-family:FoSBold}.password-input-nest{position:relative}.password-input-nest input{padding-right:35px}.password-input-nest button.toggle{position:absolute;right:10px;padding:10px;top:50%;transform:translateY(-50%);background-color:initial;border:none;cursor:pointer;padding:0}.password-input-nest button.toggle::after{content:"\F33F";font-family:icofo;font-size:20px;color:var(--focus-black);transition-duration:var(--t-d)}.password-input-nest button.toggle.visible::after{content:"\F33E"}.sign-in-w-a,.sign-in-w-g{width:20px}.sign-in-w-a div,.sign-in-w-g div{font-size:var(--ml-text);transition-duration:unset}.sign-in-w-a div{margin-top:-1px}hr{border:none;border-top:1px solid var(--light-gray);width:100%}.hr{display:flex;gap:15px;align-items:center}.hr span{color:var(--focus-black);font-family:FoMedium}.login-image{background:url(/css/elements/tuto-authbg.svg),#ffc43d;background-size:100%;background-repeat:no-repeat;background-position:50% 100%;height:100%;width:100%;border-radius:20px 0 0 20px;border:4px solid var(--focus-black);border-right:none}.login-image .login-image-text{margin:30px 60px;padding:20px}.login-image .login-image-text .header-txt{font-size:var(--slogan-text);font-family:fobold;color:var(--focus-black)}.action-button .action-animation{display:none}.action-button[data-action=load] span{display:none}.action-button[data-action=load] .action-animation{width:19px;height:19px;border:2px solid var(--text-white);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.action-button[data-action=load]:hover{background-color:var(--focus-black)}.section{padding:40px;display:flex}.steps-box{max-width:600px;margin:auto;display:flex;flex-direction:column;gap:30px}.progress-bar{width:100%;background-color:var(--light-gray);height:5px;border-radius:50px;margin-bottom:40px}.progress-made{background-color:#ffc43d;height:5px;border-radius:50px}.text-and-controls .text{display:flex;flex-direction:column;gap:20px}.text-and-controls .text div{line-height:97%}.text-and-controls .text .title{font-family:FoBold;font-size:40px;color:var(--focus-black)}.text-and-controls .text .paragraph{max-width:400px;color:var(--mid-gray)}.input-w-name{display:flex;flex-direction:column;gap:5px}.login-section-inputs .b-day-inputs{width:100%;justify-content:space-between}.login-section-inputs .input-w-name,.login-section-inputs .b-day-inputs .long,.login-section-inputs .b-day-inputs .short{width:100%}.login-section-inputs .input-w-name .name{padding-left:6px}.b-day-inputs{display:flex;gap:5px;align-items:center}.b-day-inputs input{padding:9px 10px}.b-day-inputs .long{max-width:80px}.b-day-inputs .short{max-width:60px}.b-day-inputs hr{max-width:7px;border-width:2px}.cards{display:flex;flex-direction:column;gap:20px;flex-wrap:wrap}.account-type-card{border-radius:20px;border:2px solid var(--focus-black);text-decoration:none;display:flex;flex-direction:row;width:100%;position:relative}.account-type-card.disabled::after{content:" ";position:absolute;border-radius:inherit;height:100%;width:100%;background-color:#14181f1c}.account-type-card.disabled{filter:grayscale(1)}.account-type-card.yellow{box-shadow:-2px 2px #ffc43d,-3px 3px var(--focus-black)}.account-type-card.yellow .icon{background-color:#ffc43d}.account-type-card.red{box-shadow:-2px 2px #ff7477,-3px 3px var(--focus-black)}.account-type-card.red .icon{background-color:#ff7477}.account-type-card.green{box-shadow:-2px 2px #8bfd8b,-3px 3px var(--focus-black)}.account-type-card.green .icon{background-color:#8bfd8b}.account-type-card .icon{padding:30px;display:flex;justify-content:center;align-items:center;border-top-left-radius:20px;border-bottom-left-radius:20px;height:100%}.account-type-card .icon img{height:50px}.account-type-card .title{padding:25px;font-family:FoBold;font-size:var(--l-text);color:#14181f;margin:auto 0}form [data-authmoderrtext]{color:red;font-size:14px;margin-top:-5px;margin-bottom:5px}@media only screen and (max-width:1300px){:root{--xl-text:70px;--l-text:50px;--m2-text:20px}nav .nav-logo{height:54px}footer .logo{width:96px}button{padding:7px 26px}.auth-page-split .images{display:none}.auth-page-split .inputs{width:100%}}@media only screen and (max-width:1000px){:root{--xl-text:60px;--l-text:40px;--m-text:25px;--m2-text:20px}}@media only screen and (max-width:800px){:root{--xl-text:50px;--l-text:35px;--m-text:20px;--m2-text:20px;--nav-height:80px}footer .footer-verticals{padding:80px 40px}.index-buttons{margin-top:20px}nav .nav-logo{height:45px}nav.scrolled .nav-logo{height:45px}nav.scrolled{height:var(--nav-height)}footer .logo{width:85px}.login-action button{box-shadow:0 2px var(--focus-black)}}@media only screen and (max-width:500px){:root{--xl-text:45px;--l-text:30px;--m-text:20px;--m2-text:20px;--xs-text:13px}.double-split{flex-direction:column}.login-section-inputs,.double-split{gap:0}}@media only screen and (max-width:400px){:root{--xl-text:40px;--l-text:30px;--m-text:20px;--m2-text:20px}.auth-page-split .inputs{padding:40px 20px}nav{margin-left:20px}.account-type-card .icon{padding:20px;height:unset}.account-type-card .title{padding-left:15px}}