#root{margin:0;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;max-width:1700px;background-color:#bfdad6}.form-container{max-width:900px;width:50%;max-height:660px;border:1px solid #ccc;border-radius:10px;line-height:0;background-color:#fff;box-shadow:0 0 10px #0000001a}.login-title{background-color:#186f65;text-align:center;color:#fff;padding:5px;font-family:sans-serif}.login-title h4{font-size:28px;font-weight:500;letter-spacing:3px}.login-title p{letter-spacing:3px}.input-container{margin-bottom:15px;display:flex;flex-direction:column;position:relative}.login-Container{width:50%;display:flex;padding-left:200px;text-align:center;flex-direction:column;justify-content:center;margin-top:70px}input{width:80%;padding:10px 0;font-size:13px;color:#333;margin-bottom:30px;border:none;border-bottom:1.5px solid #9dcec6;outline:none;background:transparent;transition:.3s}input:focus{border-bottom:3px solid #186F65}.password-toggle-icon{position:absolute;right:55px;top:35%;transform:translateY(-50%);cursor:pointer;color:gray}.input-container label{position:absolute;top:15px;font-size:13px;left:1px;color:#777;transition:top .3s ease-in-out,left .3s ease-in-out,font-size .3s ease-in-out}.input-container input:focus+label,.input-container input:not(:placeholder-shown)+label{top:-5px;left:1px;font-size:9px;color:#016b5e;font-weight:600}.input-container input:not(:focus)+label{color:#777}.login-info{text-align:center;margin-bottom:50px}.login-form{text-align:left;margin-left:20px}.login-info button{padding:8px;cursor:pointer;border-radius:5px;margin-top:10px;font-size:13px;border:none;width:140px;text-align:center;background-color:#016b5e;letter-spacing:2px;color:#fff}.login-info div{margin-top:20px;color:#000;font-weight:550}.error{color:red;font-size:12px;margin-top:-25px;padding:10px;margin-left:-10px}.signup-title{background-color:#016b5e;text-align:center;color:#fff;padding:20px}.signup-title h4{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:20px;letter-spacing:2px}.signUp-Container{display:grid;margin-top:30px;padding:35px;margin-left:50px;font-family:sans-serif;grid-template-columns:repeat(2,1fr)}.signbtn-contain{text-align:right;margin-bottom:20px;width:90%}.sign-btn{padding:10px;cursor:pointer;border-radius:10px;width:220px;background-color:#186f65;border:none;color:#fff}@media (max-width: 700px){.form-container{max-width:700px;width:100%;max-height:660px;border:1px solid #ccc;border-radius:px;line-height:0;background-color:#fff;box-shadow:0 0 10px #0000001a}input,button{padding:8px}.login-title{background-color:#186f65;color:#fff;padding:2px;font-family:sans-serif}.login-Container{width:70%;display:flex;padding-left:60px;flex-direction:column;justify-content:center}.signUp-Container{display:block;padding:5px;margin-left:0;font-family:sans-serif}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}