@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button,input,select,textarea{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}:focus{outline:0}.header-content{display:flex;justify-content:left;align-items:center;flex-direction:row;gap:1rem;margin-bottom:1rem}.logo{height:90px;width:90px}.header-title{color:#f5f5f5;font-family:--var(font-family);font-size:1.2rem;font-weight:600}.header-subtitle{color:#9e9e9e;font-family:--var(font-family);font-size:1rem;font-weight:600;margin-top:.2rem}hr{border:0;height:1px;background:#fff3;margin:1rem 0 2rem}:root{--font-family: Poppins, sans-serif;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-black: 900}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#121212;color:#e0e0e0;font-family:var(--font-family)}.button{width:100%;padding:.9rem;background-color:#424242;color:#e0e0e0;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;margin-top:.5rem}.button:hover{background-color:#535353}.recovery-container{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #0000004d;width:100%;max-width:400px;padding:2rem;margin:1rem}.recovery-header{margin-bottom:2rem;text-align:left}.recovery-header h1{font-size:1.8rem;font-weight:700;color:#f5f5f5;margin:2rem 0 1rem}.recovery-header p{color:#9e9e9e;font-size:1rem;font-weight:500;line-height:1.5}.recovery-form .form-group{margin-bottom:1.5rem}.recovery-form label{display:block;margin-bottom:.5rem;color:#bdbdbd;font-size:1rem;font-weight:500}.recovery-form input{width:100%;padding:.8rem 1rem;border:1px solid #333;border-radius:4px;background-color:#2d2d2d;color:#e0e0e0;font-size:1rem;transition:border-color .3s}.recovery-form input:focus{outline:none;border-color:#555}.recovery-form input::placeholder{color:#757575}.error-message{color:#ff6b6b;font-size:.8rem;margin-top:.3rem;display:none}.recovery-button{background-color:#3498db;color:#fff}.button:hover{background-color:#2980b9}.back-to-login{text-align:center;margin-top:1.5rem}.back-to-login a{color:#bb86fc;text-decoration:none}.back-to-login a:hover{color:#d1a4ff}.recovery-footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:#9e9e9e}.codeForm-container{display:none}.verify-button{background-color:#28a745;color:#fff}.verify-button:hover{background-color:#218838}.resend-button{background-color:#6c757d;color:#fff}.resend-button:hover{background-color:#5a6268}.modal-button{margin-top:1.5rem;padding:.6rem 2rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;color:#fff;transition:background-color .25s ease,transform .15s ease}