.container{max-width:350px;background:#f8f9fd;background:linear-gradient(0deg,#fff,#f4f7fb);border-radius:40px;padding:25px 35px;border:5px solid #fff;box-shadow:0 30px 30px -20px rgba(133,189,215,.878);margin:4rem}.heading{text-align:center;font-weight:900;font-size:30px;color:#7469b6}.form{margin-top:20px}.form .input{width:100%;background:#fff;border:none;padding:15px 20px;border-radius:20px;margin-top:15px;box-shadow:0 10px 10px -5px #cff0ff;border-inline:2px solid transparent}.form .input::-moz-placeholder{color:#aaa}.form .input::placeholder{color:#aaa}.form .input:focus{outline:none;border-inline:2px solid #12b1d1}.form .forgot-password{display:block;margin-top:10px;margin-left:10px}.form .forgot-password a{font-size:11px;color:#ad88c6;text-decoration:none}.form .login-button{display:block;width:100%;font-weight:700;background:linear-gradient(45deg,#7469b6,#ad88c6);color:#fff;padding-block:15px;margin:20px auto;border-radius:20px;box-shadow:0 20px 10px -15px #e1afd1;border:none;transition:all .2s ease-in-out}.form .login-button:hover{transform:scale(1.03);box-shadow:0 23px 10px -20px #e1afd1}.form .login-button:active{transform:scale(.95);box-shadow:0 15px 10px -10px #e1afd1}.social-account-container{margin-top:25px}.social-account-container .title{display:block;text-align:center;font-size:10px;color:#aaa}.social-account-container .social-accounts{width:100%;display:flex;justify-content:center;gap:15px;margin-top:5px}.social-account-container .social-accounts .social-button{background:linear-gradient(45deg,#000,#707070);border:5px solid #fff;padding:5px;border-radius:50%;width:40px;aspect-ratio:1;display:grid;place-content:center;box-shadow:0 12px 10px -8px #e1afd1;transition:all .2s ease-in-out}.social-account-container .social-accounts .social-button .svg{fill:#fff;margin:auto}.social-account-container .social-accounts .social-button:hover{transform:scale(1.2)}.social-account-container .social-accounts .social-button:active{transform:scale(.9)}.agreement{display:block;text-align:center;margin-top:15px}.agreement a{text-decoration:none;color:#7469b6;font-size:9px}*{margin:0;padding:0;font-family:poppins,sans-serif;box-sizing:border-box}body{background:#eef8ff}footer{width:100%;position:absolute;background-color:#000;color:#9290c3;padding:100px 0 30px;font-size:13px;line-height:20px}.row{width:85%;margin:auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.col{flex-basis:25%;padding:10px}.col:nth-child(2),.col:nth-child(3){flex-basis:15%}.logo{width:80px;margin-bottom:30px}.col h3{margin-bottom:40px;position:relative}.col h3,.email-id{width:-moz-fit-content;width:fit-content}.email-id{border-bottom:1px solid #ccc;margin:20px 0}ul li{list-style:none;margin-bottom:12px}ul li a{text-decoration:none;color:#9290c3}form{padding-bottom:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc;margin-bottom:50px}form input{width:100%;color:#ccc}form button,form input{background:transparent;border:0;outline:none}form button{cursor:pointer}form button .fasolid{font-size:16px;color:#ccc}.social-icons .fa-brands{width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;font-size:20px;color:#000;background:#9290c3;margin-right:15px;cursor:pointer}hr{width:90%;border:0;border-bottom:1px solid #ccc;margin:20px auto}.copyright{text-align:center;color:#fff}.underline{width:100%;height:5px;background:#767676;top:25px;left:0;overflow:hidden}.underline,.underline span{border-radius:3px;position:absolute}.underline span{width:15px;height:100%;background:#fff;top:0;left:10px;animation:moving 2s linear infinite}@keyframes moving{0%{left:-20px}to{left:100%}}@media(max-width:700px){footer{bottom:unset}.col{flex-basis:70%}.col:nth-child(),.col:nth-child(3){flex-basis:100%}}