:root{--bg-color:#000;--bg-color-btn:#007bff;--black:#000;--light-black:#121212;--white:#fff;---highlight-grey:#ddd;--lightgrey:#ccc;--oldwhite:#faebd7;--blue:#0056b3;--muted-color:#6c757d;--hover-black:#1c1a1a;--hover-muted-color:#5a6268;--badge-primary:#9b77ff;--badge-success:#77d9b8;--badge-warning:#f9d66e;--badge-danger:#f8a1c4;--badge-secondary:#a1a9c3;--alert-success-bg:#d4edda;--alert-success-text:#155724;--alert-success-border:#c3e6cb;--alert-warning-bg:#fff3cd;--alert-warning-text:#856404;--alert-warning-border:#ffeeba;--alert-danger-bg:#f8d7da;--alert-danger-text:#721c24;--alert-danger-border:#f5c6cb;--alert-info-bg:#d1ecf1;--alert-info-text:#0c5460;--alert-info-border:#bee5eb;--Transition-duration:"0.4s";--title:2.5rem;--subtile:1.5rem}input,select,textarea{background-color:var(--black);border-radius:5px;color:var(--white);font-size:1rem;margin-top:5px;padding:10px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--bg-color-btn);outline:none}.alert{border-radius:.375rem;margin-top:5rem;padding:1rem}.alert-success{background-color:var(--alert-success-bg);border:1px solid var(--alert-success-border);color:var(--alert-success-text)}.alert-warning{background-color:var(--alert-warning-bg);border:1px solid var(--alert-warning-border);color:var(--alert-warning-text)}.alert-danger{background-color:var(--alert-danger-bg);border:1px solid var(--alert-danger-border);color:var(--alert-danger-text)}.alert-info{background-color:var(--alert-info-bg);border:1px solid var(--alert-info-border);color:var(--alert-info-text)}.title{color:var(--white);font-size:x-large}.subtitle{color:var(--black);font-size:var(--subtile)}.text-muted{color:var(--muted-color)}.orbe{color:var(--white);font-size:small;margin:30px;text-align:center}button[type=submit].btn{background-color:var(--bg-color-btn);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s ease;width:100%}button[type=submit].btn:hover{background-color:var(--blue)}.btn-primary{background-color:var(--bg-color-btn);border-radius:5px;color:var(--white);padding:10px}.btn-primary:hover{background-color:var(--blue)}.btn-secondary{background-color:var(--muted-color);border-radius:5px;color:var(--white);padding:10px}.btn-secondary:hover{background-color:var(--hover-muted-color)}.btn-black{background-color:var(--black);border-radius:5px;color:var(--white);padding:10px}.btn-black:hover{background-color:var(--hover-black)}.btn{background-color:transparent;color:var(--white);margin:.5rem}.backsizedbtn{font-size:2rem}.btn-oulined{background-color:transparent;border:1px solid var(--blue);border-radius:5px;color:var(--white);cursor:pointer;padding:10px;transition:background-color .3s ease;width:100%}.button-container{align-items:center;display:flex;justify-content:center;margin-top:1rem}.compact-button{align-items:center;border:none;border-radius:4px;color:#333;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;height:40px;padding:.4rem .8rem;transition:background-color .3s ease,box-shadow .3s ease;width:100%}.compact-button:hover{box-shadow:0 2px 6px rgba(0,0,0,.1)}.compact-button .icon svg{height:16px;vertical-align:middle;width:16px}.bottomNavigation{align-items:center;background-color:var(--joy-palette-background-paper);border-top:1px solid var(--joy-palette-divider);bottom:0;display:flex;height:64px;justify-content:space-around;left:0;position:fixed;right:0;z-index:10}.registration-container{display:flex;height:100vh}.login-header{display:flex;flex-direction:column;gap:.25rem}.login-header h1{font-size:1.5rem;margin:0}.register-prompt{font-size:.875rem}.register-link{color:var(--blue);font-size:1rem;text-decoration:none}@media screen and (min-width:1024px){.container{flex-direction:row}.form-side-connexion{align-items:center;background-color:var(--black);display:flex;justify-content:center;padding:2rem;width:50%}.image-side-login{position:relative;width:50%}.bgi-login{background-image:url(https://images.unsplash.com/photo-1572072393749-3ca9c8ea0831?auto=format&w=1000&dpr=2);background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}}@media screen and (max-width:1023px){.registration-container{align-items:center;flex-direction:column;position:relative}.image-side-login{background-image:url(https://images.unsplash.com/photo-1572072393749-3ca9c8ea0831?auto=format&w=1000&dpr=2);background-position:50%;background-size:cover;filter:blur(5px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.form-side-connexion{border-radius:10px;margin:2rem;min-height:min-content;position:relative;z-index:1}}.form-row{margin-bottom:20px}.form-row label{color:var(--white);margin-bottom:5px}.form-row.terms-row{align-items:center;display:flex}.form-row.terms-row input[type=checkbox]{margin-right:10px}.terms-row{font-size:small}.already-link{color:var(--blue);margin-bottom:20px}.links-container{font-size:small;gap:20px;margin-top:20px}.links-container,.wrapper{display:flex;justify-content:center}.wrapper{align-items:center;flex-direction:column;min-height:100vh;text-align:center}.register-container{max-width:400px;width:100%}.card{background-color:var(--light-black);border:1px solid var(--highlight-grey);border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:600px;width:100%}.card-header{color:var(--white);padding:1rem;text-align:center}.card-body{padding:2rem}.card-title{font-size:2rem;margin-bottom:20px}.badge-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.badge{display:inline-block;font-size:.875rem;padding:5px 10px}.badge-primary{background-color:var(--badge-primary);color:var(--white)}.badge-success{background-color:var(--badge-success);color:var(--white)}.badge-warning{background-color:var(--badge-warning);color:var(--white)}.badge-secondary{background-color:var(--badge-secondary);color:var(--white)}.icon{font-size:15rem;margin-bottom:10px}@media (max-width:768px){body{font-size:1.2rem}.wrapper{margin:10px;padding:10px}.badge{font-size:1.175rem}.card{padding:15px;width:100%}.card-title{font-size:32px}.card-body p,.text-muted{font-size:1.2rem}.btn-secondary{font-size:x-large}.form-row label{font-size:14px}}body{background-color:var(--bg-color);color:var(--white);font-family:Inter,sans-serif}ul{list-style:none}a{text-decoration:none}