:root{--success:#198754;--error:#dc3545;color-scheme:dark}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box}body{background-color:#1c1b22;display:grid;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100svh;place-content:center}menu{list-style-type:none;text-align:center}svg{pointer-events:none}.form-submit-btn{appearance:none;background-color:#1c1b22;border:.25rem solid;border-radius:9999px;color:#0df;cursor:pointer;font-size:1.5rem;margin-top:1rem;padding:.5rem 1.5rem}.form-submit-btn:hover{background-color:#2b2a33}.form{border:4px solid #2b2a33;border-radius:8px;display:grid;gap:.75rem;margin:2rem auto;padding:10px}.form-field{display:grid;font-size:1.25rem;gap:.125rem;grid-auto-rows:min-content;width:250px}.field-label{grid-column:1/-1;grid-row:1/2}.input-field{background-color:#2b2a33;border:4px solid transparent;border-radius:.5rem;font-size:1rem;grid-column:1/-1;grid-row:2/3;padding:.5rem;width:100%}.input-field:focus-visible{outline-offset:2px;outline-width:6px}.input-field.success{border-color:var(--success)}.input-field.error{border-color:var(--error)}.feedback{display:none;font-size:1rem;grid-column:1/-1;grid-row:3/4;margin-top:.25rem}.feedback.show{display:revert}.success+.feedback{color:var(--success);text-align:right}.error+.feedback{color:var(--error)}[name|=password]{padding-right:3rem}.view-password-btn{align-self:center;appearance:none;background:transparent;border:none;color:grey;cursor:pointer;display:flex;display:grid;font-size:2rem;grid-column:1/-1;grid-row:2/3;height:2rem;justify-self:end;margin-right:.5rem;place-content:center;width:2.5rem}.result-modal{background:none;border:none;margin:revert}.result-modal::backdrop{backdrop-filter:blur(4px);background-color:rgba(28,27,34,.5)}.result-form{background-color:#2b2a33;border-radius:1rem;display:grid;gap:1rem;padding:1rem}.result-message{text-align:center}.result-message.success{color:var(--success)}.result-message.error{color:var(--error)}.result-image{border-radius:.5rem;width:100%}