:root{--couleur-fond-page:#2c3e50}.login-container{background-color:var(--couleur-fond-page);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;padding:8rem 2rem 2rem;display:flex;position:relative}.logo-container{z-index:10;align-items:center;display:flex;position:absolute;top:2rem;left:2rem}.logo-image{width:200px;height:auto}.auth-title{color:#fff;text-align:center;margin-top:4rem;margin-bottom:1.5rem;font-family:Arial,Helvetica,sans-serif;font-size:2.8rem;font-weight:700}.login-form{background-color:#fff;border-radius:12px;flex-direction:column;gap:1.5rem;width:100%;max-width:450px;padding:2.5rem;display:flex;box-shadow:0 4px 6px #0000001a}.login-container .form-group,.login-form .form-group{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;gap:.5rem!important;padding:0!important;transition:none!important;display:flex!important}.login-container .form-group:hover,.login-form .form-group:hover,.login-container .form-group:focus-within,.login-form .form-group:focus-within{box-shadow:none!important;background:0 0!important;border:none!important}.login-container .form-group label,.login-form .form-group label{color:#4a4a4a!important;text-transform:none!important;letter-spacing:normal!important;gap:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.95rem!important;font-weight:500!important;display:block!important}.login-container .form-group label:before,.login-form .form-group label:before{content:none!important;display:none!important}.form-group input{color:#000;background-color:#fff;border:1px solid #000;border-radius:8px;width:100%;padding:.875rem;font-family:Arial,Helvetica,sans-serif;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:#ff8c00;outline:none}.form-group input::placeholder{color:#999}.login-button{color:#fff;cursor:pointer;background-color:#ff8c00;border:none;border-radius:8px;margin-top:.5rem;padding:1rem 2rem;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:500;transition:background-color .2s}.login-button:hover{background-color:#e67e00}.login-button:active{transform:scale(.98)}.error-message{color:#d32f2f;text-align:center;margin-top:.5rem;font-family:Arial,Helvetica,sans-serif;font-size:.9rem}@media (max-width:768px){.logo-container{justify-content:center;margin-bottom:2rem;position:static}.logo-image{width:150px}.auth-title{margin-top:1rem;font-size:2rem}.login-container{justify-content:flex-start;padding:4rem 1rem 1rem}.login-form{max-width:100%;padding:1.5rem}}@media (max-width:480px){.logo-image{width:120px}.auth-title{margin-top:.5rem;margin-bottom:1rem;font-size:1.6rem}.login-container{padding:3rem .5rem .5rem}.login-form{padding:1.25rem}.form-group input{padding:.75rem;font-size:.95rem}.login-button{padding:.875rem 1.5rem;font-size:1rem}}