#root{width:100%;height:100vh;background-color:#242830}.forgot-password-page{font-family:IBM Plex Sans,sans-serif;background-color:#3f4653;color:#fff;border-radius:1em;box-shadow:0 0 10px #00000080;padding:2rem;width:35%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.forgot-password-page h1{color:#8a94a7;font-size:2.5em;margin-bottom:1rem}``` Con estos cambios,la sección principal y el formulario se extienden al 100% del ancho disponible,garantizando que la página ocupe el área completa. Puedes ajustar el padding o agregar media queries adicionales según tus necesidades.// filepath: c:PeriscoopeÚshboard\changeYourPasswordsrcpages\orgotPasswordPage\orgotPasswordPage.css .forgot-password-page{font-family:IBM Plex Sans,sans-serif;background-color:#242830;color:#fff;min-height:100vh;padding:2rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.forgot-password-page h1{color:#8a94a7;font-size:2.5em;margin-bottom:4rem}.forgot-password-page form{display:flex;flex-direction:column;width:100%;max-width:none;padding:0 1rem}.forgot-password-page input[type=email]{width:100%;padding:12px 20px;margin:8px 0;background-color:#242830;color:#fff;border:1px solid rgb(138,148,167);box-sizing:border-box;border-radius:.3em}.forgot-password-page input[type=email]::placeholder{color:#d3d3d3;opacity:.6}.forgot-password-page .success{background-color:#00a7b133;color:#00a7b1;padding:.5em;border-radius:.3em;margin-bottom:1rem;text-align:center}.forgot-password-page .error{background-color:#f4433633;color:#f44336;padding:.5em;border-radius:.3em;margin-bottom:1rem;text-align:center}.forgot-password-page button{margin:8px 0;cursor:pointer;width:100%;font-size:1.3em;border:1px solid #8A94A7;border-radius:.3em;padding:.5em;text-align:center;background:#000;color:#8a94a7;transition:opacity .3s}.forgot-password-page button:hover{opacity:.8}body{margin:0;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at top left,#141e30,#243b55);height:100vh;display:flex;align-items:center;justify-content:center}.recover-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.form-card{background:#19202df2;padding:2rem;border-radius:12px;box-shadow:0 8px 20px #0006;width:100%;max-width:400px;text-align:center;color:#fff}.form-title{margin-bottom:1.5rem;font-size:1.5rem}.form-input{width:100%;padding:.75rem;margin-bottom:1rem;background:#ffffff1a;border:1px solid #2dd4bf;border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:border-color .3s}.form-input::placeholder{color:#fff9}.form-input:focus{border-color:#01cbff}.form-button{width:100%;padding:.75rem;background:linear-gradient(to right,#01cbff,#2dd4bf);border:none;border-radius:8px;color:#000;font-weight:700;cursor:pointer;transition:opacity .3s}.form-button:hover{opacity:.9}.error{color:#ff6b6b;margin-bottom:1rem}.success{color:#2dd4bf}
