@import"https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Poppins&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{background-color:#eee;height:100vh;font-family:Poppins,sans-serif;background:linear-gradient(to top,#fff 10%,#5d2a8d66 90%) no-repeat}.wrapper{max-width:500px;border-radius:10px;margin:50px auto;padding:30px 40px;box-shadow:20px 20px 80px #cecece}.h2{font-family:Kaushan Script,cursive;font-size:3.5rem;font-weight:700;color:#400485;font-style:italic}.h4{font-family:Poppins,sans-serif}.input-field{border-radius:5px;padding:5px;display:flex;align-items:center;cursor:pointer;border:1px solid #400485;color:#400485}.input-field:hover{color:#7b4ca0;border:1px solid #7b4ca0}input{border:none;outline:none;box-shadow:none;width:100%;padding:0 2px;font-family:Poppins,sans-serif}.fa-eye-slash.btn{border:none;outline:none;box-shadow:none}a{text-decoration:none;color:#400485;font-weight:700}a:hover{text-decoration:none;color:#7b4ca0}.option{position:relative;padding-left:30px;cursor:pointer}.option label.text-muted{display:block;cursor:pointer}.option input{display:none}.checkmark{position:absolute;top:3px;left:0;height:20px;width:20px;background-color:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer}.option input:checked~.checkmark:after{display:block}.option .checkmark:after{content:"";width:13px;height:13px;display:block;background:#400485;position:absolute;top:48%;left:53%;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:.3s ease-in-out 0s}.option input[type=radio]:checked~.checkmark{background:#fff;transition:.3s ease-in-out 0s;border:1px solid #400485}.option input[type=radio]:checked~.checkmark:after{transform:translate(-50%,-50%) scale(1)}.btn.btn-block{border-radius:20px;background-color:#400485;color:#fff}.btn.btn-block:hover{background-color:#55268be0}@media (max-width: 575px){.wrapper{margin:10px}}@media (max-width:424px){.wrapper{padding:30px 10px;margin:5px}.option{position:relative;padding-left:22px}.option label.text-muted{font-size:.95rem}.checkmark{position:absolute;top:2px}.option .checkmark:after{top:50%}#forgot{font-size:.95rem}}