*{margin:0;padding:0;box-sizing:border-box;font-family:"poppins",sans-serif}body{display:flex;justify-content:center;align-items:center}.container{position:relative;background:#fff;width:450px;padding:1.5rem;margin:50px auto;border-radius:10px;box-shadow:1px 2px 8px rgb(0 0 0 / .6)}.container a{text-decoration:none}.arrow{font-size:30px;color:#080a34}form{margin:0 2rem}.form-title{font-size:1.5rem;font-weight:700;text-align:center;padding:1.3rem;margin-bottom:.4rem}input{flex:10;color:inherit;width:100%;background-color:#fff0;border:none;font-size:15px;padding:0 .4em;border-left:solid 1px hsl(0 0% 0% / .4)}input:focus{border-left:solid 1px hsl(240 73% 71%)}.input-group{padding:1% 0;position:relative;background-color:hsl(227 63% 18% / .07);margin:1em auto;border-radius:12px;display:flex;padding:.7em .1em}.error{position:absolute;left:2em;bottom:-1em}.error p{color:red;font-weight:500;text-align:center;font-size:14px}.input-group:focus-within{border:1.5px solid #7d7deb}.input-group i{flex:1;color:#000;display:flex;justify-content:center;align-items:center}.input-group:focus-within i{color:#7d7deb}.input-group.password i:first-child{flex:1.1}input:focus{outline:none}.recover{text-align:right;font-size:1rem;margin-bottom:1rem}.recover a{text-decoration:none;color:#7d7deb}.recover a:hover{color:blue;text-decoration:underline}.btn{display:inline-block!important;padding:10px 20px!important;color:#4da6e7!important;border:1px solid #4da6e7!important;border-radius:23px;font-weight:500!important;letter-spacing:0.3px!important;transition:all .5s}.btn:hover{background-color:#4da6e7;color:white!important}.links a{text-decoration:none}.or{font-size:1.1rem;margin-top:1rem;margin-bottom:1rem;text-align:center}.icons{text-align:center}.icons i{color:#7d7deb;padding:.8rem 1.5rem;border-radius:10px;font-size:1.5rem;cursor:pointer;border:2px solid #dfe9f5;margin:0 15px;transition:1s}.icons i:hover{background:#07001f;font-size:1.6rem;border:2px solid #7d7deb}.links{display:flex;justify-content:space-around;padding:0 4rem;margin-top:.9rem;font-weight:700}button{color:#7d7deb;border:none;background-color:#fff0;font-size:1rem;font-weight:700}button:hover{text-decoration:underline;color:blue}.error-main{background-color:brown;padding:.5em 1em;border-radius:12px;width:80%;margin:0 auto}.error-main p{color:#fff;text-align:center}.user-details{margin-top:5em;font-size:1.5em;font-weight:400}.user-details p{margin-bottom:.5em;text-align:center}.user-details p:first-child{text-decoration:underline;margin-bottom:2em;font-weight:600}.user-details a{display:block;text-align:center;text-decoration-color:#7d7deb;color:#7d7deb;transition:5ms}.user-details a:hover{color:blue;text-decoration-color:blue}@media screen and (max-width:767px){.container{box-shadow:unset}}