*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.login-body{background:linear-gradient(135deg,#fff,#b0b0b0 25%,#333 50%,#1a1a1a);color:#000;display:flex;justify-content:center;min-height:100vh;align-items:center;height:100vh;padding:20px;transition:background-color .5s ease-in-out}.container{display:flex;width:100%;max-width:1500px;background:#3a3a3c;box-shadow:0 15px 40px #0009;border:3px solid rgba(255,255,255,.2);border-radius:40px;overflow:hidden;position:relative;height:600px;min-height:600px;opacity:0;transform:translateY(-20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}body.loaded .container{opacity:1;transform:translateY(0)}.image-section{flex:1.5;background:url(/build/assets/camion4-CZcfJsRc.jpg) no-repeat center center;background-size:cover;position:relative;min-height:100%;max-height:600px}.logo-top{display:none}.image-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.logo{position:absolute;width:260px;right:-50px;bottom:-30px;z-index:3}.text-section{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center;background:#505050;border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 0 5px #ffffff0d}h1{font-size:2.2em;margin-bottom:20px;color:#fff;text-align:center}.login-form{display:flex;flex-direction:column;align-items:stretch;gap:20px}.input-group{position:relative;margin-bottom:20px}.input-group i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6a8eff;transition:transform .3s ease;z-index:1}.invalid-feedback{color:#010101;font-size:.9em;position:absolute;bottom:-20px;left:10px;display:block}input[type=email],input[type=password]{width:100%;padding:15px 15px 15px 40px;font-size:16px;border-radius:12px;border:1px solid #ccc;background-color:#fff;color:#333;outline:none;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px #64646426}input:focus{border-color:#6a8eff;box-shadow:0 6px 15px #6a8eff4d}input::placeholder{color:#bbb}.button{width:100%;padding:15px;font-size:1.2em;font-weight:500;border:none;border-radius:12px;background-color:#6a8eff;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 3px 6px #0003}.button:hover{background-color:#5773e0;box-shadow:0 5px 10px #00000040;transform:translateY(-2px)}.button:active{background-color:#4a5bc1;transform:scale(.98);box-shadow:0 4px 6px #0003}.alert{border-radius:8px;padding:12px 16px;font-size:.95rem;margin-top:20px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;box-shadow:0 2px 6px #0000001a;text-align:center}.invalid-feedback{font-size:.9rem;margin-top:6px;color:#b02424;background-color:#fcebea;padding:10px 12px;border:1px solid #f5c6cb;border-radius:6px;display:block;position:relative}input.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}@media (max-width: 768px){html,body{margin:0;padding:0;height:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Montserrat,sans-serif}.alert{font-size:.9rem;padding:10px 14px;width:100%;max-width:100%;text-align:center;box-sizing:border-box;margin-left:0;margin-right:0}.login-form .alert{margin-left:0;margin-right:0}.input-group,.input-group input,form.login-form{width:100%}.container{background:#fffdf5!important;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 10px 30px #0003;width:90%;max-width:400px;padding:30px;position:relative;z-index:2;animation:fadeIn 1.5s ease-out;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-section{display:none!important}.text-section{background:none!important;border:none!important;box-shadow:none!important;padding:0}.logo-top{display:block;width:160px;margin:0 auto 30px}h1{font-size:2rem;font-weight:600;text-align:center;color:#333;margin-bottom:24px;text-shadow:none}.input-group{position:relative;margin-bottom:24px}.input-group input{width:100%;padding:14px;font-size:1rem;background:#fff;color:#333;border:1px solid #ccc;border-radius:8px;outline:none;box-shadow:none;transition:border-color .3s ease}.input-group input::placeholder{color:#888;font-weight:400}.input-group input:focus{border-color:#5cbabc}.invalid-feedback{font-size:.9rem;margin-top:-12px;margin-bottom:20px;color:#b02424;background-color:#fcebea;padding:10px 12px;border:1px solid #f5c6cb;border-radius:6px;text-align:center;display:block}.button{width:100%;padding:12px;background-color:#18837e;color:#fff;font-weight:600;border:none;border-radius:8px;text-align:center;cursor:pointer;transition:background-color .3s ease;box-shadow:0 4px 8px #00000026}.button:hover{background-color:#126e6a}.button:active{transform:scale(.98)}}