@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);@media screen and (max-width:996px){.ds_none{display:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{height:100vh;width:100vw}.wrapper{width:100%;max-width:400px;height:500px;margin:auto;padding:20px 30px;background-color:#ecf0f3;border-radius:15px}.logo{width:80px;margin:auto}.logo img{width:100%;height:80px;object-fit:cover;border-radius:50%;box-shadow:0 0 3px #5f5f5f,0 0 0 5px #ecf0f3,8px 8px 15px #a7aaa7,-8px -8px 15px #fff}.wrapper .name{font-weight:600;font-size:1rem;letter-spacing:1.3px;padding-left:10px;color:#555;-webkit-box-shadow:0 0 3px #5f5f5f,0 0 0 5px #ecf0f3,8px 8px 15px #a7aaa7,-8px -8px 15px #fff;box-shadow:0 0 3px #5f5f5f,0 0 0 5px #ecf0f3,8px 8px 15px #a7aaa7,-8px -8px 15px #fff;border-radius:20px;margin-bottom:10px}.wrapper .form-field input{width:100%;display:block;border:none;outline:0;background:0 0;font-size:13px;color:#666;padding:10px 15px 10px 50px;border-radius:20px;box-shadow:inset 8px 8px 8px #cbced1,inset -8px -8px 8px #fff;transition:all .3s ease}.wrapper .form-field{position:relative;margin-bottom:20px;border-radius:20px;box-shadow:inset 8px 8px 8px #cbced1,inset -8px -8px 8px #fff}.wrapper .form-field .fas{color:#555;position:absolute;top:50%;left:20px;transform:translateY(-50%);font-size:14px}.wrapper .form-field input:-webkit-autofill{-webkit-box-shadow:inset 8px 8px 8px #cbced1,inset -8px -8px 8px #fff!important;box-shadow:inset 8px 8px 8px #cbced1,inset -8px -8px 8px #fff!important;-webkit-text-fill-color:#666!important;border-radius:20px;transition:all .3s ease;font-size:13px!important}.wrapper .btn{width:100%;height:40px;background-color:#03a9f4;color:#fff;border-radius:25px;box-shadow:3px 3px 3px #b1b1b1,-3px -3px 3px #fff;font-weight:600;font-size:1rem;letter-spacing:1.3px;transition:background-color .3s ease,transform .3s ease}.wrapper .btn:hover{background-color:#039be5;transform:scale(1.02)}.wrapper a{text-decoration:none;font-size:.8rem;color:#03a9f4;transition:color .3s ease}.wrapper a:hover{color:#039be5}@media (max-width:380px){.wrapper{margin:30px 20px;padding:40px 15px 15px 15px}.wrapper .btn{font-size:.9rem;height:36px}.wrapper .form-field input,.wrapper .name{font-size:.9rem}}