form{display:grid;gap:18px;margin-top:28px}label{font-size:13px;font-weight:750;color:#253147}input{display:block;width:100%;margin-top:8px;padding:14px 15px;border:1px solid #cad6e6;border-radius:10px;background:#f8fbff;color:#101828;font:inherit;transition:.15s}input::placeholder{color:#a0adbd}input:hover{border-color:#9eb2cb}input:focus{outline:3px solid rgba(40,104,232,.13);border-color:var(--blue);background:#fff}button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 15px;border:0;border-radius:10px;background:linear-gradient(90deg,#3472e8,#2864dc);color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(40,104,232,.2);transition:.15s}button:hover{filter:brightness(1.035);transform:translateY(-1px)}button:focus-visible{outline:3px solid rgba(40,104,232,.22);outline-offset:2px}.button-arrow{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:17px}.password-policy{padding:15px 17px;border:1px solid #dce6f2;border-radius:11px;background:#f6f9fd;color:#42526a;font-size:13px}.password-policy ul{margin:9px 0 0;padding-left:19px;display:grid;gap:5px}.form-error{margin-top:20px;padding:13px 15px;border:1px solid #f0b7b7;border-radius:10px;background:#fff4f4;color:#9b1c1c;display:grid;gap:4px;font-size:13px}.form-error[hidden]{display:none}.dev{margin-top:20px;padding:14px;border-radius:10px;background:#edf5ff;display:grid;gap:6px}.dev a{color:var(--blue)}.dev small{color:var(--muted)}
