Password Reset — Rivanta Jewels

.form { margin-top: 20px; } .form .input { width: 80%; background: white; border: none; padding: 15px 20px; border-radius: 20px; margin-top: 15px; box-shadow: #9B8459 0px 10px 10px -5px; border-inline: 2px solid transparent; } .form .input::-moz-placeholder { color: #9B8459; } .form .input::placeholder { color: #9B8459; } .form .input:focus { outline: none; border-inline: 2px solid #9B8459; } .form .forgot-password { display: block; margin-top: 10px; margin-left: 10px; } .form .forgot-password a { font-size: 11px; color: #9B8459; text-decoration: none; } .form .login-button { display: block; width: 80%; font-weight: bold; background: linear-gradient(45deg, #9B8459 0%, rgb(18, 177, 209) 100%); color: white; padding-block: 15px; margin: 20px 0px; border-radius: 20px; box-shadow: #9B8459 0px 20px 10px -15px; border: none; transition: all 0.2s ease-in-out; } .form .login-button:hover { transform: scale(1.03); box-shadow: #9B8459 0px 23px 10px -20px; } .form .login-button:active { transform: scale(0.95); box-shadow: #9B8459 0px 15px 10px -10px; } .social-account-container { margin-top: 25px; } .social-account-container .title { display: block; text-align: center; font-size: 10px; color: rgb(170, 170, 170); } .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, rgb(0, 0, 0) 0%, rgb(112, 112, 112) 100%); border: 5px solid white; padding: 5px; border-radius: 50%; width: 40px; aspect-ratio: 1; display: grid; place-content: center; box-shadow: #9B8459 0px 12px 10px -8px; transition: all 0.2s ease-in-out; } .social-account-container .social-accounts .social-button .svg { fill: #9B8459; margin: auto; } .social-account-container .social-accounts .social-button:hover { transform: scale(1.2); } .social-account-container .social-accounts .social-button:active { transform: scale(0.9); } .agreement { display: block; text-align: center; margin-top: 15px; } .agreement a { text-decoration: none; color: #9B8459; font-size: 9px; } .center { display: flex; justify-content: center; align-items: center; height: 100vh; }

Password forgotten by User!